波浪选择器用来选择所有匹配到的兄弟元素
<ul>
<li class="something-important">Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
.something-important {
color: red;
}
.something-important ~ li {
font-style: italic;
color: grey;
}
这里我们的波浪选择器匹配了.something-important的所有兄弟元素,item2,3,4。
选择器的种类详解
https://mp.weixin.qq.com/s/y7rWFgcVHVUhjj7ky91YCw