css - このcssセレクター/構文はどういう意味ですか?

Question

重複の可能性:
「>」とは CSSルールで意味？
CSS '>' セレクタ; それは何ですか？

意味:

#nav > li > ul

Google は > を無視していますが、それが何を意味するのかわかりません。>」という意味です。

Answer 1

は>、要素が単なる子孫ではなく、直接の子であることを示します。

---

次の HTML が与えられた場合:

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

次の CSS セレクターは、リスト項目に一致します。

#nav li { }

これはしませんが：

#nav > li { }

Answer 2

そうじゃない#nav > ul > li？

その場合、「id を持つ要素の子であるタグliの子であるタグを選択してください。ulnav

<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 の残りの部分を見なければ、ナビゲーション要素でネストされたサブメニューのスタイルを設定するためだったと思います。