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

问题描述

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

How can you select all child elements recursively?

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

该类仅在定义的 className 和所有直接子级上抛出一个类.你怎么能，以一种简单的方式，像这样选择所有的 childNode:

This class only throws a class on the defined className and all immediate children. How can you, in a simple way, pick all childNodes like this:

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

推荐答案

使用空白来匹配一个元素的所有后代:

Use a white space to match all descendants of an element:

div.dropdown * {
    color: red;
}

xy 匹配 x 内的每个元素 y，无论它嵌套的深度如何 - 子、孙等.

x y matches every element y that is inside x, however deeply nested it may be - children, grandchildren and so on.

星号 * 匹配任何元素.

The asterisk * matches any element.

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

这篇关于在 CSS 中递归地选择所有子元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！