<p id="second">勇气<span>老师提出了</span>是什么</p>
p span{color:purple;},#second{color:yellow;},结果second中的span显示紫色,可是p span的权值只有2,为什么会覆盖权值为100的#second
你好,你的second匹配的是P这个标签,而你p span匹配了span以及子元素标签,所以会显示不同。在一个我们所说的权值对比是匹配同一标签时,你所用到的不同匹配方式,哪一个有优先级。你这个标签都不同,自然优先级是直接作用在span上面的啦,就是直接把父级的效果给覆盖掉了。
权值越高就是哪一个样式
你好,#second是匹配到了p这个标签上,是和.first和p比较的,权值高的就使用哪种css样式
而p span和 span是匹配到span标签上,p span权值高所以显紫色
你好,权限值是越小就越优先,不是越大越优先,望楼主采纳!