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

我已经在 CSS 文件中看到这个字符很多次了，但是我不知道它是如何使用的。有人能给我解释一下它们是如何使页面样式变得更简单的吗？

74158 次浏览
小开
最佳答案

这是一个 CSS 子选择器。P > SPAN意味着将后面的样式应用于 P标记的子标记的所有 SPAN 标记。

请注意，“孩子”意味着“直系后代”，而不仅仅是任何后代。P SPAN是一个 后代选择器，它应用了所有 SPAN标签的样式，这些标签是 P标签的子标签，或者是任何其他标签的递归子标签，这些标签是 P标签的子标签/子标签。P > SPAN只适用于 SPAN标记，它们是 P标记的子标记。

小开

这就是所谓的儿童组合器:

添加了一个子组合子选择器 能够设计... 的内容 包含在其他 指定的元素。例如, 假设一个人想把白色设置为 Div 标签内部超链接的颜色 因为他们有 一个黑暗的背景。这可能是 通过使用句号来完成 将 div 与类资源结合起来 和一个大于号作为 组合子将该对与, 如下所示:

div.resources > a{color: white;}

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

小开 
E > F

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

更多关于 http://www.w3.org/TR/CSS21/selector.html#child-selectors的资料

小开 
p em

将匹配 <p>中的任何 <em>。例如，它将匹配以下 <em>:

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

另一方面,

p > em

将只匹配作为 <p>的直接子级的 <em>。因此它将匹配:

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

但并非如此:

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

提交答案