jerarquia - Seleccionar todos los elementos secundarios de forma recursiva en CSS

selectores css avanzados

Question

¿Cómo se puede seleccionar recursivamente todos los elementos secundarios?

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

Esta clase solo lanza una clase en el className definido y en todos los elementos secundarios inmediatos. ¿Cómo puede usted, de una manera simple, elegir todos los nodos secundarios de esta manera?

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

Answer 1

La regla es la siguiente:

A B

B como descendiente de A

A > B

B como hijo de A

Asi que

div.dropdown *

y no

div.dropdown > *

Answer 2

Use un espacio en blanco para hacer coincidir todos los descendientes de un elemento:

div.dropdown * {
color: red;
}

xy coincide con cada elemento y que está dentro de x , por muy anidado que esté, hijos, nietos, etc.

El asterisco * coincide con cualquier elemento.

Especificación oficial: CSS 2.1: Capítulo 5.5: Selectores descendientes