在CSS中递归地选择所有子元素 [英] Select all child elements recursively in CSS

问题描述

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

How can you select all child elements recursively?

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

此类仅在定义的className和所有直接子节点上抛出一个类。你如何以一种简单的方式，选择所有的childNodes像这样：

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

的元素 星号 * 匹配任何元素。

The asterisk * matches any element.

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

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