Question

CSS嵌套定义的作用是什么

Answer 1

一个是优先级的问题，嵌套的越多，css的优先级就越高。那么有时候你需要覆盖其中的css，也可以使用嵌套的方式来进行覆盖。
另外一个就是定位的精准，你嵌套的越多，也就说定位的范围就越小，
比如
<div class="a">
<div class="b"></div>
</div>
<div class="b"></div>如果你是直接.b{}的话，那么影响的是两个div的style
如果你是.a .b的话，那么就是只有一个div的影响范围。

Answer 2

可以比较好地区获取对象
比如<div class="x"><p class="p1"></p></div>
.x .p1{}和.p1比较，网页会优先执行.x .p1{}下的css