css - 親要素の CSS セレクター

Question

私は現在、Charles Wyke-Smith の本「Stylin' With CSS」を読んでいます。

彼には、nav.menu > ul {} と nav.menu ul {} があるセクションが 1 つあります。

> セレクターの目的は何ですか?

Answer 1

http://www.w3.org/TR/CSS2/selector.html

簡単な説明:

E > F 要素 E の子である任意の F 要素に一致します。

同じソースからの詳細：

子セレクターは、要素が何らかの要素の子である場合に一致します。子セレクターは、">" で区切られた 2 つ以上のセレクターで構成されます。

次のルールは、BODY の子であるすべての P 要素のスタイルを設定します。

body > P { line-height: 1.3 } 次の例では、子孫セレクターと子セレクターを組み合わせています。

div ol>li p LI の子孫である P 要素に一致します。LI 要素は OL 要素の子でなければなりません。OL 要素は DIV の子孫でなければなりません。">" コンビネータの周りのオプションの空白が省略されていることに注意してください。

要素の最初の子を選択する方法については、以下の :first-child 疑似クラスのセクションを参照してください。

Answer 2

階層内の任意の時点の子孫ではなく、直接の子が選択されます。