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

p>span{color:blue;}权值怎么算?

p span{color:red;}

p>span{color:blue;}后台颜色显示blue 它的权值比.first{color:green;}还大?

提问者:互学习 2015-10-18 21:16

个回答

  • Perona
    2015-10-18 21:25:11
    已采纳

    这里的span元素并没有引用first类,first类到这里已经是继承了,继承权值很低的。

    至于p span{}和p>span{}权值是一样大的,都是1+1。

    为什么最后执行的的blue。是因为权值相同的话后面的样式会覆盖前面的样式。把p span{}和p>span{}调换下位置你就知道了。

  • echo_kinchao
    2015-10-19 13:30:27

    行内样式最高 这些百度都有的看的  你这个只是后面的覆盖前面的而已

  • 慕后端1508769
    2015-10-18 22:48:49

    当css样式出现重复的时候,后面的样式会覆盖掉前面的样式,因为对浏览器来说解析代码是从上往下解析的,解析到下面的时候自然而然的就把之前刚解析的给干掉了。唯一的区别就是第一种写法是css1里面的写法,第二种是css2的写法,二者作用等同,均表示给P标签里面的所有span标签加样式