为了账号安全,请及时绑定邮箱和手机立即绑定

到底是!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://img1.sycdn.imooc.com//57318863000122cd03740413.jpg

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

正在回答

10 回答

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

參考

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

1 回复 有任何疑惑可以回复我~
#1

Chanmok 提问者

非常感谢!
2016-05-10 回复 有任何疑惑可以回复我~
#2

qq_迷途少年_0 回复 Chanmok 提问者

到底是啥啊
2016-05-18 回复 有任何疑惑可以回复我~
#3

Chanmok 提问者 回复 qq_迷途少年_0

对于<span>简单</span>来说,这个标签只是继承<p>标签,继承的权值是最低的,所以被类覆盖了
2016-05-18 回复 有任何疑惑可以回复我~

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

.first span{color:green}

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

0 回复 有任何疑惑可以回复我~

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

1 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

必须important高啊

0 回复 有任何疑惑可以回复我~

!important算是最高权值了,

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

!important



0 回复 有任何疑惑可以回复我~

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


0 回复 有任何疑惑可以回复我~

!important


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信