到底是!important权值高还是ID选择器高呢?

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

Chanmok

2016-05-10 15:07

p{color:red !important;}

p.first{color:green;}

#second span{color:blue;}

<p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

    <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很<span class="first">简单</span>的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

http://img.mukewang.com/57318863000122cd03740413.jpg

如果!important为最高权限的话,为什么“简单”为什么变蓝色了

写回答 关注

10回答

  • AllenHsu
    2016-05-10 15:22:58
    已采纳

    important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 通配符 > 继承。

    參考

    http://www.cnphp6.com/archives/6803

    Chanmo... 回复qq_迷途少...

    对于<span>简单</span>来说,这个标签只是继承<p>标签,继承的权值是最低的,所以被类覆盖了

    2016-05-18 09:37:08

    共 3 条回复 >

  • qq_迷途少年_0
    2016-05-18 09:39:53

    因为在同一层面!import权值最高的,故对P标签中!import最高,而不在一层面上就不时最高的了,就像吧

    .first span{color:green}

    胆小如鼠会变成蓝色,所以不在一层面比较的都是耍流氓,!import不是最高的了

  • Tuermosi3335033
    2016-05-13 11:29:59

    是不是对于这个 <span class="first">简单</span> 来说,原来的红色只是继承,所以被ID选择器的蓝色盖过了

  • kicc
    2016-05-10 16:15:26

    !important 只对第一次出现的元素起作用

  • 慕尼黑6035216
    2016-05-10 15:19:48

    必须important高啊

  • qq_潘虫虫虫虫虫虫_03313943
    2016-05-10 15:19:13

    !important算是最高权值了,

  • 我是boycott
    2016-05-10 15:18:50

    这个看权值的,从你第二个问题看,其实你已经知道了

  • qq_孤单的金牛座_0
    2016-05-10 15:18:28

    !important



  • 去吧比卡丘
    2016-05-10 15:17:32

    好像要看顺序的吧,我也有这样的疑惑,近标签的会优先显示,我猜的


  • JINGwd
    2016-05-10 15:15:30

    !important


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

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

1225806 学习 · 18234 问题

查看课程

相似问题