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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (22)

我在CSS文件中见过很多次这个字符,但是我不知道它是如何使用的。有人能向我解释一下,并向我展示他们在使页面风格变得更简单方面是如何有用的吗?

提问于
用户回答回答于

这是一个CSS子选择器。P > SPAN的所有跨标记都应用了下面的样式。P标签。

注意,“子”的意思是“直接的后代”,而不仅仅是任何后代。P SPAN后代选择器,将下面的样式应用于所有SPAN的子标记。P的任何其他标记的子标记或递归子标记。P标签。P > SPAN只适用于SPAN的子标记。P标签。

用户回答回答于
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>

扫码关注云+社区