Sélectionner tous les éléments enfants récursivement en CSS

Comment pouvez-vous sélectionner tous les éléments enfants de manière récursive?

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

Cette classe ne lève qu’une classe sur le className défini et tous les enfants immédiats. Comment pouvez-vous, d’une manière simple, choisir tous les childNodes comme ceci:

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

Utilisez un espace blanc pour faire correspondre tous les descendants d’un élément:

 div.dropdown * { color: red; } 

xy correspond à tous les éléments y situés à l’intérieur de x , même s’ils sont profondément nesteds – enfants, petits-enfants, etc.

L’astérisque * correspond à n’importe quel élément.

Spécification officielle: CSS 2.1: Chapitre 5.5: Sélecteurs descendants

La règle est la suivante:

 AB 

B comme un descendant de A

 A > B 

B comme un enfant de A

Alors

 div.dropdown * 

et pas

 div.dropdown > *