p span{color:red;}
p>span{color:blue;}后台颜色显示blue 它的权值比.first{color:green;}还大?
这里的span元素并没有引用first类,first类到这里已经是继承了,继承权值很低的。
至于p span{}和p>span{}权值是一样大的,都是1+1。
为什么最后执行的的blue。是因为权值相同的话后面的样式会覆盖前面的样式。把p span{}和p>span{}调换下位置你就知道了。
行内样式最高 这些百度都有的看的 你这个只是后面的覆盖前面的而已
当css样式出现重复的时候,后面的样式会覆盖掉前面的样式,因为对浏览器来说解析代码是从上往下解析的,解析到下面的时候自然而然的就把之前刚解析的给干掉了。唯一的区别就是第一种写法是css1里面的写法,第二种是css2的写法,二者作用等同,均表示给P标签里面的所有span标签加样式