作用: 选中指定元素中, 符合要求的后代元素
语法: 选择器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看浏览器转换后的结构