css - cssの「<」または「>」の意味は何ですか？

Question

以下のコードcssが表示されます。

#nav .hover > a

上記のコードの「>」または「<」の意味は何ですか？誰でも私に説明できますか？ありがとうございました。

score 4 · Accepted Answer

>子セレクターと呼ばれます。の直接の子であるすべてaの'を取ります。#nav .hover

<「より小さい」または「より大きい」と理解されるべきではないため、記号は許可されていません。

score 1 · Accepted Answer

<CSSにはありません。一方、>は直接子セレクターに使用されます。

たとえば、には多くの要素があり#nav .hoverます。このHTMLを検討してください。

<div id="nav">
  <div class="hover">
    <a href="#">Direct Link</a>
    <p><a href="#">Indirect Link</a> is this.</p>
  </div>
</div>

コード#nav .hover > aは直接リンクのみを選択します。

一方、のようなもの#nav .hover aを入力すると、の下にあるすべてのリンクが選択されます#nav .hover。つまり、直接リンクと間接リンクの両方を選択します。

score 0 · Accepted Answer

その要素の子のみを選択します。つまり：

#menu li:hover > ul { display:block; }

<ul>その中の任意のスタイルを作成し<li>ます（ドロップダウンメニューなど）display:block

3 に答える 3