すべての子要素を再帰的に選択する方法
div.dropdown, div.dropdown > * {
color: red;
}
このクラスは、定義されたclassNameとすべての直接の子にクラスをスローするだけです。どうすれば、簡単な方法で、このようにすべてのchildNodeを選択できます。
div.dropdown,
div.dropdown > *,
div.dropdown > * > *,
div.dropdown > * > * > *,
div.dropdown > * > * > * > * {
color: red;
}
要素のすべての子孫に一致させるには、空白を使用します。
div.dropdown * {
color: red;
}
x y
は、xの内側にあるすべての要素yに一致しますが、深くネストされている場合があります - 子、孫など.
アスタリスク*
は任意の要素に一致します。
公式仕様書: CSS 2.1:第5.5章:子孫セレクター
規則は次のとおりです。
A B
Aの子孫としてのB
A > B
Aの子としてのB
そう
div.dropdown *
ではなく
div.dropdown > *