处理复杂的 HTML 结构时,有必要选择所有子元素以一致地应用样式。然而,使用直接子选择器的传统方法只会影响直接后代。
要递归选择所有子元素,请利用 *(空格)选择器。它匹配指定父元素内的每个元素,无论其嵌套深度如何。
div.dropdown * { color: red; }
这个简单的语法有效地将样式分配给 div.dropdown 的所有后代,包括子元素、孙元素等。星号 (*) 匹配任何元素,空格充当后代选择器。
有关进一步说明,请参阅 CSS 2.1 规范:
第 5.5 章:后裔选择器
x y 选择器匹配 x 内的每个元素 y,无论它嵌套的深度如何 - 子元素、孙子元素等。
星号 * 匹配任何元素。
以上是如何递归选择CSS中的所有子元素?的详细内容。更多信息请关注PHP中文网其他相关文章!