1. ホーム
  2. css

[解決済み] CSSですべての子要素を再帰的に選択する

2022-03-21 19:40:04

質問

すべての子要素を再帰的に選択するには?

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

このクラスは、定義されたclassNameとその直下の子クラスにのみクラスを投げます。どのようにして、簡単な方法で、このようにすべての子ノードを選ぶことができるのでしょうか。

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

解決方法は?

を使用します。 ホワイトスペース は、ある要素のすべての子孫にマッチします。

div.dropdown * {
    color: red;
}

x y はすべての要素にマッチします。 y の中にあるものは x が、どんなに深くネストされていても(子、孫など)。

アスタリスク * は任意の要素にマッチします。

公式の仕様です。 CSS 2.1: 第5.5章: 下位セレクタ