后代选择器

 作用: 选中指定元素中, 符合要求的后代元素

 

语法:  选择器1 选择器2 选择器3 选择器n......

多个选择器通过空格隔开, 空格的意思可以理解为什么中的其实就是后代的意思

 

举例:

/* ul中的li为红色 */

ul li {

color: red;

}

 

ol li {

color: gold;

}

/* ul中的.yuwen为蓝色 */

ul .yuwen {

color: aqua;

}

 

ul .shuxue {

color: blanchedalmond;

}

 

注意:

1. 后代选择器效果最终呈现在后代上,比如ul中的li,那么效果一定是落在了li上
2. 儿子,孙子,重孙子都算是后代
3. 结构一定要符合HTML结构的要求,比如p标签中不能嵌套h1标签,否则样式不会生效,可以按F12看浏览器转换后的结构