问答详情
源自:9-4 为所欲为 - 选择器最高层级!important

我加一句 p,span{color;purple;} 发现span标签里的文字就是紫色的,是不是span的优先级要比important还要高?

我加一句 p,span{color;purple;} 发现span标签里的文字就是紫色的,是不是span的优先级要比important还要高?

提问者:Surly 2016-03-14 12:51

个回答

  • qq_小宇_6
    2016-03-14 12:58:10
    已采纳

    不是这样的!!!id最高  其次是类   最后是标签  派生累加 

  • 忆_卿
    2016-04-15 10:06:01

    首先p{color:red!important}和p,span{}的P标签作用同一个标签,但是第一个有!important所以都是红色,span是<p>标签的子标签  继承父  红色 权值最低,之后定义的p.span{color:purple;}权值比继承高,所以现实紫色,不过只是span标签里的字,,,其实简单来说 就是就近原则,p{color:red!important}和span{color:purple;}完全作用的不是同一个标签,比较权值没什么用。

  • LOMO521
    2016-03-14 14:07:35

    因为p{color:red!important} 其中的span是继承P的样式吧,继承关系,权值0.1

  • 柒尘o
    2016-03-14 12:55:12

    代码错了:

     p,span{color:purple;}