SOURCE

<ul>
    <li class="a">如何选择这两个元素</li>
    <li class="a">通用兄弟选择器—— ~ — —允许您选择其他元素的兄弟元素(例如，在层次结构中的相同级别，但不一定就在它的旁边)</li>
    <li class="a">.a 选择了所有 .a</li>
    <li class="a">.a~.a 选择了兄弟元素， 也就是第一个 .a 之外的 .a</li>
    <li></li>
    <li class="b">如何选择这两个元素</li>
    <li class="b">3</li>
    <li class="b">4</li>
</ul>

.a {
  color: #f00;
}
.a~.a {
  color: #000;
}
.b {
  color: #f0f;
}
.b~.b {
  color: #000;
}