在CSS中递归选择所有子元素

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

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

此类仅在定义的className和所有直接子级上抛出一个类。您如何以一种简单的方式选择所有子节点,如下所示:

div.dropdown, 
div.dropdown > *, 
div.dropdown > * > *, 
div.dropdown > * > * > *, 
div.dropdown > * > * > * > * {
    color: red;
}
村村理查德2020/03/19 12:18:56

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

div.dropdown * {
    color: red;
}

x y匹配x内的每个元素y,无论它嵌套在多深处-孩子,孙子等等。

星号*匹配任何元素。

官方规范:CSS 2.1:第5.5章:后代选择器

十三LEY2020/03/19 12:18:55

规则如下:

A B 

B作为A的后代

A > B 

B作为A的孩子

所以

div.dropdown *

并不是

div.dropdown > *