Alle untergeordneten Elemente rekursiv in CSS auswählen

Question

Wie können Sie alle untergeordneten Elemente rekursiv auswählen?

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

Diese Klasse löst nur eine Klasse auf den definierten Klassennamen und alle unmittelbaren Kinder aus. Wie kann man auf einfache Art und Weise alle ChildNodes wie folgt auswählen:

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