在CSS中recursion地select所有子元素

你怎么可以recursion地select所有的子元素？

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

这个类只在定义的className和所有直接的子类中引发一个类。 你怎么能以一种简单的方式，挑选像这样的所有childNodes：

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

Answer 1

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

 div.dropdown * { color: red; } 

xy匹配x内部的每个元素y ，但是嵌套深度可能是 – 儿童，孙辈等等。

星号*匹配任何元素。

官方规范： CSS 2.1：第5.5章：后代select器

Answer 2

规则如下：

 AB 

B作为A的后代

 A > B 

B作为A的孩子

所以

 div.dropdown * 

并不是

 div.dropdown > *