使用CSS选择所有子元素 | 您所在的位置:网站首页 › css选择所有后代元素 › 使用CSS选择所有子元素 |
如何使用CSS递归选择所有子元素?下面本篇文章就来给大家介绍一下使用CSS递归选择所有子元素的方法,希望对大家有所帮助。 当元素是某个元素的子元素时,可以使用子选择器匹配,该选择器选择特定父级的所有子元素。子选择器由两个或多个由“>”分隔的选择器组成;它也称为element > element选择器。 注:子选择器只能选择自己的子类,第二级元素,而不能选择第二级别以下的元素。 语法: 选择指定元素的所有指定子元素 element1 > element2 如果想要递归选择所有子元素,则使用以下语法 element1 > * { // CSS样式 } 示例1:选择所有子元素
子元素选择器
.demo > p{ background-color: green; padding: 5px; }
段落 1
段落 2 段落 3 段落 4
段落 6
段落 7 效果图: 示例2:以递归方式选择所有子元素
子元素选择器
.demo > *{ background-color: green; }
段落 1
段落 2 段落 3 段落 4
段落 6
段落 7 效果图: 更多web前端相关知识,请查阅 HTML中文网 !! |
CopyRight 2018-2019 实验室设备网 版权所有 |