css选择器~、+、>是做什么的？[副本]
我见过这些选择器很多次，但并不清楚它们之间的主要区别是什么。有人能解释一下这些符号之间的区别吗？我们应该在什么时候使用这些符号？
共有1个答案
这些被称为组合子，在规范中进行了讨论。
~是一般的同级组合子。A~B选择前面有A元素的B元素。
+是相邻的同级组合子。A+B选择前面紧跟A元素的B元素。
-
问题内容： 我已经看过几次CSS代码中使用的“大于”（），但是我无法弄清楚它的作用。它有什么作用？ 问题答案： 选择直系子女 例如，如果您有这样的嵌套div： 然后在样式表中声明css规则，如下所示： 您的规则仅适用于具有“中级”类的div，因为这些div是元素为“外部”类的元素的直接后代（直接子代）（当然，除非您声明其他更具体的规则来覆盖这些规则） 。见小提琴。 边注 如果您>>`。 注意：IE
-
问题内容： 我找到了这个CSS代码，然后运行它来查看其功能，并在页面上概述了每个元素， 有人可以解释一下Asterisk *在CSS中的作用吗？ 问题答案： 这是一个通配符，这意味着它将选择DOM中该部分内的所有元素。 例如，如果我要对整个页面上的每个元素应用边距，则可以使用： 您还可以在子选择中使用它，例如，以下内容将为段落标记内的所有元素添加边距： 您的示例正在做一些CSS欺骗，将连续的边框和
-
搜索字符并不容易。我在看CSS的时候发现了这个 这是什么意思？
-
问题内容： CSS问题：如果两个不同的选择器应用于一个元素，谁会赢？ 我知道这不应该发生，但是我想调整旧应用程序，而CSS居于中间。 问题答案： 规范中的实际上是合理可读的。综上所述： 规则和内联规则获胜。 否则，通常会赢得更具体的胜利。是比更加具体的选择器。 如果规则同样具体，则以最后宣布的为准。 没有特别的理由说明为什么这种“不应该发生”。通常先指定一个广泛适用的规则，然后添加一个更具体的规则
-
问题内容： 我在Twitter Bootstrap中看到了这个选择器： 有谁知道这种技术叫什么及其作用？ 问题答案： 这是一个属性通配符选择器。在您提供的示例中，它将查找具有CONTAINS类的任何子元素。 因此，请在此示例中选择元素： 您也可以搜索“开头为…” 这将在这样的事情上工作： 和“以…结尾” 这将工作
-
问题内容： 例如： 我不知道是什么意思 这是什么之间的区别，只是定义样式没有？ 问题答案： 请参阅W3.org上的相邻选择器。 在这种情况下，选择器意味着样式仅适用于直接在另一个段落之后的段落。 一个普通的选择器会将样式应用于页面中的每个段落。 这仅适用于IE7或更高版本。在IE6中，样式不会应用于任何元素。顺便说一下，这也适用于组合器。