关于后代选择器

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 = 2p .first 是一个标签选择器加一个class选择器  总权值为 1+ 10 = 11这样你应该能更加了解其中差别了吧以上

Answer 2

是一样的