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

Question

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

div.dropdown，div.dopdown>*{颜色：红色；}

这个类只在定义的className和所有直接子类上抛出一个类。如何简单地选择所有子节点：

div.下拉菜单，下降>*，div.dropdown>*>*，div.dropdown>*>*>*，div.dropdown>*>*>***{颜色：红色；}

Answer 1

使用空白要匹配元素的所有后代，请执行以下操作：

div.下拉列表*{颜色：红色；}

x年匹配每个元素年在里面x个无论它嵌套得多么深-孩子、孙子等等。

星号*匹配任何元素。

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

Answer 2

规则如下：

A和B{/*B是A的后代*/}

A>B{/*B是A的直系子代*/}

所以

div.下拉菜单*

而不是

div.dropdown>*

Answer 3

后代组合子

后代组合子-通常由单个空格（““）字符-组合两个选择器，使元素与如果第二个选择器有祖先（父，parent的parent、parent的parent的parent等）元素第一个选择器。

详细信息详细信息{左边边距：48px；}

＜详细信息＞<summary>A</summary>A是字母表中的一个字母。</详细信息><详细信息打开><summary>B</summary>B是字母表中的一个字母。<详细信息打开><summary>1</summary>1是一个数字。<详细信息打开><摘要>**是一个字符。</详细信息></详细信息><详细信息打开><摘要>2</summary>2是一个数字。</详细信息></详细信息>