css - ">" 在 CSS 中的作用

Question

可能重复：
CSS 规则中的“>”是什么意思？

我在一些 CSS 中看到了这一点

正文 > .navid

我想知道的是，“>”符号在这段 CSS 代码中有什么作用？

score 4 · Accepted Answer

它是孩子的选择器（不仅仅是任何后代）。

选择器body > .navid将.navid使用以下内容选择 div：

<body>
    <div class="navid"></div>
</body>

但它不会选择.navid下面的 div，因为它是孙子

<body>
    <div>
        <div class="navid"></div>
    </div>
</body>

score 1 · Accepted Answer

它指向元素的直接子元素，因此例如您可以拥有

身体 > .something

它仅指向 body 元素中的“某物”类。

score 0 · Accepted Answer

它被称为后代选择器，它选择

E 元素的 F 元素子元素

3 回答 3