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

小编典典

css

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

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

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

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

阅读 1354

2020-05-16

共1个答案

小编典典

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

div.dropdown * {
    color: red;
}

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

星号*匹配任何元素。

官方规范：CSS2.1：第5.5章：后代选择器

2020-05-16