关于后代选择器

Question

<p>    <span class="first">标签</span></p>本例在style里写成p span{color:red;}或者p .first{color:red;}效果是一样的吗?

Answer 1

表现的效果是一样的

但深层次是有差别的

基础选择器分ID class 标签 三种这你应该知道

每种有不同的权值  ID是100  class是10 标签是1

遇到绑定相同属性而值不同的时候  以权值高的样式为主

后代选择器是会累积权值的 

你的栗子里 p span 是两个标签选择器  总权值为 1+1 = 2

p .first 是一个标签选择器加一个class选择器  总权值为 1+ 10 = 11

这样你应该能更加了解其中差别了吧

以上

Answer 2

是一样的