如何在CSS中使用“大于”或“>”字符？

我已经在CSS文件中多次看到过这个字符，但我不知道如何使用它。 任何人都可以解释给我，并显示它们如何使页面样式更容易有用吗？

Answer 1

这是一个CSS子select器。 P > SPAN意味着将所有的SPAN标签应用于P标签的子标签。

请注意，“孩子”是指“直系后裔”，而不是任何后代。 P SPAN是一个后代select器 ，将后面的样式应用于作为P标签的子标签的所有SPAN标签，或者作为P标签的子/后代的任何其他标签的recursion子标签。 P > SPAN仅适用于P标签的子标签的SPAN标签。

Answer 2

 p em 

将匹配<p>内的任何<em> <p> 。 例如，它会匹配下面的<em> s：

 <p><strong><em>foo</em></strong></p> <p>Text <em>foo</em> bar</p> 

另一方面，

 p > em 

只匹配<p>直接子元素。 所以它会匹配：

 <p>Text <em>foo</em> bar</p> 

但不是：

 <p><strong><em>foo</em></strong></p> 

Answer 3

这被称为儿童组合器：

添加了一个子组合select器，可以对包含在其他指定元素中的元素的内容进行样式化。 例如，假设有人想将白色设置为某个类的div标签内的超链接的颜色，因为它们背景较暗。 这可以通过使用一段时间来结合div与类资源和一个大于号的组合符号作为一个组合器来结合一对，如下所示：

 div.resources > a{color: white;} 

（来自http://www.xml.com/pub/a/2003/06/18/css3-selectors.html ）

Answer 4

 E > F 

匹配作为元素E的子元素的任何F元素

更多信息请见http://www.w3.org/TR/CSS21/selector.html#child-selectors