CSS选择器的“~”是什么意思？
搜索~字符并不容易。我在看CSS的时候发现了这个
.check:checked ~ .content {
}
这是什么意思？
共有1个答案
~选择器实际上是一般的同级组合器（在选择器级别4中重命名为后续同级组合器）：
一般的兄弟组合子由“颚化符”(u+007e，~)字符组成，该字符分隔两个简单选择符序列。由两个序列表示的元素在文档树中共享相同的父元素，并且由第一个序列表示的元素先于（不一定立即）由第二个序列表示的元素。
请考虑以下示例：
null
.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>-
问题内容： 例如： 我不知道是什么意思 这是什么之间的区别，只是定义样式没有？ 问题答案： 请参阅W3.org上的相邻选择器。 在这种情况下，选择器意味着样式仅适用于直接在另一个段落之后的段落。 一个普通的选择器会将样式应用于页面中的每个段落。 这仅适用于IE7或更高版本。在IE6中，样式不会应用于任何元素。顺便说一下，这也适用于组合器。
-
问题内容： 例如： 这个标志到底是什么意思？ 问题答案： 是子组合器，有时会误称为直接后代组合器。1个 这意味着选择器仅选择 直接嵌套 在内 的段落，而不选择嵌套 在 其 内 的任何段落。 插图： 选择了什么，没有选择什么： 选择 这直接位于内部的，因此在这两个元素之间建立了父子关系。 没有选择 这是由包含内，而不是本身。尽管这是的后代，但它不是孩子。是孙子 因此，虽然不匹配此元素，但将使用后代组
-
问题内容： 我已经看过几次CSS代码中使用的“大于”（），但是我无法弄清楚它的作用。它有什么作用？ 问题答案： 选择直系子女 例如，如果您有这样的嵌套div： 然后在样式表中声明css规则，如下所示： 您的规则仅适用于具有“中级”类的div，因为这些div是元素为“外部”类的元素的直接后代（直接子代）（当然，除非您声明其他更具体的规则来覆盖这些规则） 。见小提琴。 边注 如果您>>`。 注意：IE
-
搜索字符并不容易。我在看CSS的时候发现了这个 这是什么意思？
-
问题内容： CSS问题：如果两个不同的选择器应用于一个元素，谁会赢？ 我知道这不应该发生，但是我想调整旧应用程序，而CSS居于中间。 问题答案： 规范中的实际上是合理可读的。综上所述： 规则和内联规则获胜。 否则，通常会赢得更具体的胜利。是比更加具体的选择器。 如果规则同样具体，则以最后宣布的为准。 没有特别的理由说明为什么这种“不应该发生”。通常先指定一个广泛适用的规则，然后添加一个更具体的规则
-
我见过这些选择器很多次，但并不清楚它们之间的主要区别是什么。有人能解释一下这些符号之间的区别吗？我们应该在什么时候使用这些符号？