improtant 与类选择器的权值问题

来源:9-4 为所欲为 - 选择器最高层级!important

韶楠

2016-08-15 21:54

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

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

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

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

写回答 关注

3回答

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

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

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

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


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

    效果依旧

    墨小漓

    ( ╯□╰ ),不好意思啊,这两天消息太多,小白没注意到你的回复。

    2016-08-29 15:27:13

    共 1 条回复 >

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

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

    韶楠 回复墨小漓

    貌似 我没办法采纳你为最佳答案,好像是要直接回复才行,麻烦你复制一下粘过去,(*^__^*) 嘻嘻……

    2016-08-22 15:08:02

    共 8 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225811 学习 · 18234 问题

查看课程

相似问题