Wählen Sie alle untergeordneten Elemente rekursiv in CSS aus

Wie können Sie alle untergeordneten Elemente rekursiv auswählen?

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

Diese class triggers nur eine class für den definierten classnnamen und alle unmittelbaren untergeordneten Elemente aus. Wie können Sie auf einfache Weise alle childNodes wie folgt auswählen:

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

Verwenden Sie ein Leerzeichen , um alle Nachkommen eines Elements zu vergleichen:

 div.dropdown * { color: red; } 

xy stimmt mit jedem Element y überein, das sich in x befindet , wie tief es auch verschachtelt sein mag – Kinder, Enkelkinder und so weiter.

Der Stern * entspricht einem beliebigen Element.

Offizielle Spezifikation: CSS 2.1: Kapitel 5.5: Deszendent Selektoren

Die Regel ist wie folgt:

 AB 

B als ein Nachkomme von A

 A > B 

B als Kind von A

Damit

 div.dropdown * 

und nicht

 div.dropdown > *