p span{color:purple}这个不是元素选择器吧,优先级是10*2怎么会大于.first{color:green}优先级是100,这个类选择器呢?
所以权值10为什么会被权值2覆盖呀
p span{color:purple}
这是后代选择器,优先级是1+1=2,表示p标签里所有的span标签;
.first{color:green}
这是类选择器,优先级是10,代表的是所有class值为first的标签,譬如:
<p clss="first">这是一个段落</p>
至于100优先级的是id选择器,也就是:
#first{color:red;} <p id="first">这是一个段落</p>