~ Select 器实际上是General sibling combinator(在selectors Level 4中更名为后续sibling 组合器):
一般同级组合器由"tilde"(U+007E，~)组成
考虑下面的例子:
.a ~ .b {
background-color: powderblue;
}<ul>
<li class="b">1st</li>
<li class="a">2nd</li>
<li>3rd</li>
<li class="b">4th</li>
<li class="b">5th</li>
</ul>.a ~ .b与第4个和第5个列表项匹配，因为它们:
.b个元素 .a岁的sibling 姐妹吗？.a之后.同样，.check:checked ~ .content与作为.check:checked的同级且出现在.check:checked之后的所有.content个元素相匹配.