web-dev-qa-db-ja.com

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

すべての子要素を再帰的に選択する方法

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

このクラスは、定義されたclassNameとすべての直接の子にクラスをスローするだけです。どうすれば、簡単な方法で、このようにすべてのchildNodeを選択できます。

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

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

div.dropdown * {
    color: red;
}

x yは、xの内側にあるすべての要素yに一致しますが、深くネストされている場合があります - 子、孫など.

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

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

528
anroesti

規則は次のとおりです。

A B 

Aの子孫としてのB

A > B 

Aの子としてのB

そう

div.dropdown *

ではなく

div.dropdown > *
114
Abdennour TOUMI