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

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

すべての子要素を再帰的に選択するにはどうすればよいでしょうか?

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

このクラスは、定義された className とすべての直下の子に対してのみクラスをスローします。次のように、簡単な方法ですべての childNodes を選択するにはどうすればよいでしょうか。

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

ベストアンサー1

要素のすべての子孫を一致させるには、空白を使用します。

div.dropdown * {
    color: red;
}

x y子、孫など、ネストがどれだけ深くても、x内のすべての要素yに一致します。

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

公式仕様:CSS 2.1: 第 5.5 章: 子孫セレクター

おすすめ記事