该
~选择器实际上是[通用同级组合器（在选择器级别4中重命名为后续同级组合[器）：
通用同级组合器由分隔两个简单选择器序列的“波浪号”（U+007E，〜）字符组成。这两个序列所表示的元素在文档树中共享相同的父对象，而第一个序列所表示的元素在第二个所表示的元素之前（不一定紧接）。
考虑以下示例：
.a ~ .b { background-color: powderblue;}<ul> <li >1st</li> <li >2nd</li> <li>3rd</li> <li >4th</li> <li >5th</li></ul>.a ~ .b与第4个和第5个列表项匹配，因为它们：
- 是
.b
元素 - 是的兄弟姐妹
.a
- 之后出现
.a
在HTML源顺序。
同样，
.check:checked ~ .content匹配
.content作为其兄弟姐妹
.check:checked并在其后出现的所有元素。
