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

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

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为最高权限的话，为什么“简单”为什么变蓝色了

提问者：Chanmok 2016-05-10 15:07

个回答

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

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

    參考

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

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

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

    .first span{color:green}

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

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

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

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

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

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

    必须important高啊

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

    !important算是最高权值了，

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

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

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

    !important



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

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


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

    !important


    0