p span{color:purple;}的权值不是2吗,.first{color:green;}/*因为权值高显示为绿色*/的权值是10,为什么最后显示的不是绿色是紫色
第一段里面的span有两个样式作用在它上面,第一个是继承的.first{color:green;},权值为0.1,第二个是p span{color:purple;},权值为2,所以最后是紫色。
啊 忽然发现我弄错了颜色 说错了。。。。不好意思
p span是包含(后代)选择器,只对后代元素有作用,即这里span。对后代元素<span></span>外的内容并无作用,所以显示了绿色。同时正是因为.first的权值大于p span,所以在<span></span>内类选择器覆盖了包含选择器,显示了紫色。
因为.first中的span为继承形式 权重只有0.1 所以span为紫色
span是在p标签内部的,越靠内部特权越多
优先级问题:内联样式表的样式>内部样式>外部样式,span标签属于内联样式。
权限值应该指的是同一级标签优先级吧,span是不是下一级标签的样式?