采用后代选择器 ：从上面可以看出所有的标签都是body的后代,那么大家使用后代选择器,就可以将body的后代(所有标签)改变样式: 后代选择器是用祖先加上空格再加上后代标签类型进行声明的。
以上资料供参考。
@ css类选择器用什么做前缀表示？
>10CSS类选择器也就是选择html编码中标明为特定Class(类)的元素.如<p Class="mytest">这是偶要编辑的段落</p>，在CSS文件中可用 .mytest{ }来表达想要显示的样式。简单地说，CSS类选择器用" . "做前缀。
@ CSS选择器first？
.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点，你前面有个content所以会失效
1
2
3
你把这里的span去掉和加上再看效果 就明白了
@ 怎样区分后代选择器和子代选择器？
1.第一从符号上来区分后代选择器：是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器：用特殊符号> 例如 h1>span{}
2.第二从用法上区分后代选择器html部分：<ul class=”study”><li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li></ul></li><li>数学<ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li></ul></li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙，后代是一代传一代。
子代选择器时效果图：
后代选择器时效果图：
如果觉得《css选择器 + css层次选择器怎么用 – CSS – 前端 asp.net css 居中》对你有帮助，请点赞、收藏，并留下你的观点哦！
