.first{color:green;}权值10
p span{color:purple;}权值2
为什么“胆小如鼠”显示出来确实紫色的?
就近原则,离被设置元素越近,优先级别越高 <span>是不是离胆小如鼠最近?
楼上说了,应用的标签不一样,只有完全一样的时候才会采用权值的方法来确定。
span{color:pink;}权值为1
p span{color:purple;}权值为2
这才是一样的标签对比权值。
p{color:red;}
.first{color:green;}
这两个一个是p标签选择器 一个是类选择器 不能用权值对比。
跟优先级有关:内联式>嵌入式>外部式
就是优先原则,权值越大代表权力越大,话语权最重
应用的标签不一样,只有完全一样的时候才会采用权值的方法来确定
应该是p span{color:purple;}离的最近,就近原则
相当于程序执行时的优先权;权重越大,最终结果就听谁的!