问答详情
源自:9-3 权值计算-特殊性

p span{color:purple;},#second{color:yellow;},结果second中的span显示紫色,可是p span的权值只有2,为什么会覆盖权值为100的#second

<p id="second">勇气<span>老师提出了</span>是什么</p>

p span{color:purple;},#second{color:yellow;},结果second中的span显示紫色,可是p span的权值只有2,为什么会覆盖权值为100的#second

提问者:qq_午夜游民_0 2015-12-10 10:34

个回答

  • 慕課君
    2015-12-10 11:04:46
    已采纳

    你好,你的second匹配的是P这个标签,而你p span匹配了span以及子元素标签,所以会显示不同。在一个我们所说的权值对比是匹配同一标签时,你所用到的不同匹配方式,哪一个有优先级。你这个标签都不同,自然优先级是直接作用在span上面的啦,就是直接把父级的效果给覆盖掉了。

  • echo_kinchao
    2015-12-10 12:28:10

    权值越高就是哪一个样式

  • mosci
    2015-12-10 10:47:01

    你好,#second是匹配到了p这个标签上,是和.first和p比较的,权值高的就使用哪种css样式

    而p span和 span是匹配到span标签上,p span权值高所以显紫色

  • 慕莱坞9220042
    2015-12-10 10:37:49

    你好,权限值是越小就越优先,不是越大越优先,望楼主采纳!