Question

我在CSS文件中多次看过这个角色，但我不知道它是如何使用的。任何人都可以向我解释并说明它们如何有助于使页面样式更容易吗？

Answer 1

这是一个CSS子选择器。 P > SPAN表示将后续样式应用于所有P代码的子代SPAN标记。

请注意，“孩子”是指“直系后裔”，而不仅仅是任何后代。 P SPAN是后代选择器，将后面的样式应用于SPAN标记的子标记的所有P标记或任何其他标记的递归子标记。 P标记的子/后代。 P > SPAN仅适用于SPAN个P代码的{{1}}代码。

Answer 2

p em

将匹配内的任何。例如，它将匹配以下 s：

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

另一方面，

p > em

仅匹配的直接子项。所以它会匹配：

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

但不是：

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

Answer 3

这被称为儿童组合：

添加了儿童组合子选择器能够设计内容的风格其他包含的元素指定的元素。例如，假设有人想将白色设为 div标签内的超链接颜色对于某一类，因为他们有黑暗的背景。这可以通过使用一段时间来完成将div与类资源结合起来和一个大于号的符号组合器将两者结合起来，如下图所示：

div.resources > a{color: white;}

Answer 4

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