css - 这个css选择器/语法是什么意思？

Question

可能重复：
“>”是什么意思 在 CSS 规则中是什么意思？
CSS '>' 选择器；它是什么？

什么意思：

#nav > li > ul

谷歌忽略了 > 我不知道这意味着什么。我的意思是“>”。

Answer 1

指示元素应该是直接子元素，>而不仅仅是后代。

---

给定以下 HTML：

<div id="nav">
    <ul>
        <li></li>
    </ul>
</div>

以下 CSS 选择器将匹配列表项：

#nav li { }

虽然这个不会：

#nav > li { }

Answer 2

你不是说#nav > ul > li吗？

在这种情况下，这将意味着“选择作为li标签的子标签的标签，该ul标签本身就是具有 id 的元素的子标签nav。

<div id="nav">
    <ul>
        <li>The css selector locates this list item</li>
    </ul>
</div>

Answer 3

>是一个子选择器。这意味着它将匹配直接子代，而不是其他嵌套的子代。

例如，这个 css:div > p > span将匹配这个 HTML：

<div>
    <p><span>...</span></p>
</div>

但不是这个 HTML：

<div>
    <p>
        <ul>
            <li><span> ... </span></li>
        </ul>
    </p>
</div>

在您的示例中，您的 CSS 将匹配如下结构：

<ul id="nav">
   <li>
        <ul> <-- this one gets matched
...

在没有看到 CSS 的其余部分的情况下，我假设它是在导航元素中设置嵌套子菜单的样式。