我加一句 p,span{color;purple;} 发现span标签里的文字就是紫色的,是不是span的优先级要比important还要高?
不是这样的!!!id最高 其次是类 最后是标签 派生累加
首先p{color:red!important}和p,span{}的P标签作用同一个标签,但是第一个有!important所以都是红色,span是<p>标签的子标签 继承父 红色 权值最低,之后定义的p.span{color:purple;}权值比继承高,所以现实紫色,不过只是span标签里的字,,,其实简单来说 就是就近原则,p{color:red!important}和span{color:purple;}完全作用的不是同一个标签,比较权值没什么用。
因为p{color:red!important} 其中的span是继承P的样式吧,继承关系,权值0.1
代码错了:
p,span{color:purple;}