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