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

improtant 与类选择器的权值问题

http://img.mukewang.com/57b1c89b0001d7bc14880374.jpg

如图，两个css，一个是important的标签选择器，一个是类选择器。

按道理important的权值应该大于除了内嵌式的其他所有css，然而，图中的p .first类选择器的权值大于important。这是何解？谁来解释一下

另外 两句语言上下对调结果相同，说明是权值不同而不是先后顺序引起的

提问者：韶楠 2016-08-15 21:54

个回答

  • 墨小漓
    2016-08-29 15:32:43

    第二段中的first如果继承p{color:red!important;}的颜色简单二字就是红色，而且继承过来的话权值就0.1了。而你p .first{color:green;}权值为1+10=11，颜色有权值大的决定，所以是绿色。

    2
  • 韶楠
    2016-08-15 22:06:16

    http://img.mukewang.com/57b1cc280001860314930364.jpg


    p{color:red!important;}
    .first{color:green;}

    效果依旧

    0
  • 韶楠
    2016-08-15 21:56:47

    把important去掉，显示结果依旧。important没起作用

    0