css3子代选择器 |css引用样式文件夹

/* 选择body内部嵌套在ul中的li元素 */
body >ul >li {
color: red;
}
/* 选择div元素内部嵌套在p中的span元素 */
div p >span {
font-size: 16px;
}

子代选择器使用“>”符号来连接父元素和子元素，它的作用是仅选取父元素下直接嵌套的子元素，不包括子元素的子元素。

在上面的代码中，就是选取body元素下直接嵌套的ul元素，再选取ul元素下直接嵌套的li元素，并且这些li元素的文字颜色设置为红色。

另一方面，子代选择器还可以结合其他选择器一起使用，例如“div p >span”选择器就同时使用了元素选择器和子代选择器，先选取div元素中嵌套的p元素，再选取p元素中嵌套的span元素。

总之，子代选择器可以帮助大家更加精准地控制HTML文档中元素的样式，提高前端开发效率。