Seleccionar todos los elementos secundarios recursivamente en CSS

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

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

Esta clase solo arroja una clase sobre el className definido y todos los hijos inmediatos. ¿Cómo puedes, de una manera simple, elegir todos los childNodes de esta manera?

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

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

 div.dropdown * { color: red; } 

xy coincide con cada elemento y que está dentro de x , sin importar cuán profundamente nested esté: hijos, nietos, etc.

El asterisco * coincide con cualquier elemento.

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

La regla es la siguiente:

 AB 

B como descendiente de A

 A > B 

B como un hijo de A

Asi que

 div.dropdown * 

y no

 div.dropdown > *