Выделить все дочерние элементы рекурсивно в CSS

Как вы можете выбрать все дочерние элементы рекурсивно?

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

Этот класс только бросает класс в определенном классеName и всех непосредственных дочерних. Как вы можете простым способом выбрать все дочерниеNode следующим образом:

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

Ответы

Ответ 1

Используйте белое пространство для соответствия всем потомкам элемента:

div.dropdown * {
    color: red;
}

x y соответствует любому элементу y, находящемуся внутри x, но глубоко вложенному он может быть - дети, внуки и т.д.

Звездочка * соответствует любому элементу.

Официальная спецификация: CSS 2.1: Глава 5.5: Селекторы потомков

Ответ 2

Правило выглядит следующим образом:

A B

B как потомок A

A > B

B как ребенок A

So

div.dropdown *

а не

div.dropdown > *