css - CSS递归选择所有子元素

如何递归选择所有子元素？

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

这个类只在定义的类名和所有直接子类上抛出一个类。你怎么能以一种简单的方式，像这样挑选所有的子节点:

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

最佳答案

使用空格来匹配元素的所有后代:

div.dropdown * {
    color: red;
}

x y 匹配 x 内的每个元素 y，无论嵌套有多深 - 子级、孙级等等。 p>

星号 * 匹配任何元素。

关于css - CSS递归选择所有子元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4910077/