CSSですべての子要素を再帰的に選択

253

どのようにすべての子要素を再帰的に選択できますか？CSSですべての子要素を再帰的に選択

div.dropdown, div.dropdown > * { 
    color: red; 
}

このクラスは、定義されたclassNameとすべての直下の子にのみクラスをスローします。

div.dropdown * { 
    color: red; 
}

x y一致するすべての要素Yを：

div.dropdown, 
div.dropdown > *, 
div.dropdown > * > *, 
div.dropdown > * > * > *, 
div.dropdown > * > * > * > * { 
    color: red; 
}

2011-02-05 clarkk

416

は、要素のすべての子孫を一致させるために空白を使用してください：あなたは、簡単な方法で、このようなすべてのchildNodesを選ぶことができますどのようにそれは内側にあるxですが、深くネストされていると、子供、孫などになる可能性があります。

アスタリスク*は任意の要素に一致します。

2011-02-05 22:21:02 anroesti

それは動作しますが、今では彼らは（彼らはCSSファイルで、後に配置されている）。..高い優先度を持っている場合でも、他のすべてのクラスをオーバーライドする – clarkk

セレクタも役割を果たしていますファイル内のどこに表示されるのかだけでなく、プロパティが持つ優先順位あなたの値に '！important'を加えることができます。 'color：red！important;' – anroesti

ok ..これはこれを行う唯一の方法ですか？重要なものを追加することによって？ – clarkk

次のように規則がある：

の子として

A > B

Bの子孫として

A B

Bだから

div.dropdown *

なく

div.dropdown > *

2013-03-29 16:06:32

答えて