作用: 选中指定元素中, 符合要求的后代元素
语法: 选择器1 选择器2 选择器3 选择器n......
多个选择器通过空格隔开, 空格的意思可以理解为什么中的其实就是后代的意思
举例:
/* ul中的li为红色 */
ul li {
color: red;
}
ol li {
color: gold;
}
/* ul中的.yuwen为蓝色 */
ul .yuwen {
color: aqua;
}
ul .shuxue {
color: blanchedalmond;
}
注意:
- 后代选择器效果最终呈现在后代上,比如ul中的li,那么效果一定是落在了li上
- 儿子,孙子,重孙子都算是后代
- 结构一定要符合HTML结构的要求,比如p标签中不能嵌套h1标签,否则样式不会生效,可以按F12看浏览器转换后的结构