搜索~angular色并不容易。我在看一些CS，发现了这个
.check:checked ~ .content {
}
这是什么意思？
答案
这~选择器实际上是随后的兄弟姐妹组合（以前称为一般兄弟姐妹组合者直到2017年）：
后续同级组合器由分隔两个简单选择器序列的"波形符"（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匹配第四和第五列表项目，因为它们：
- 是
.b元素 - 是兄弟姐妹
.a - 出现
.a按照 HTML 源代码顺序。
同样地，.check:checked ~ .content匹配全部.content兄弟姐妹的兄弟姐妹.check:checked并出现在它之后。