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 > *