到底是!important权值高还是ID选择器高呢？
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>
如果!important为最高权限的话，为什么“简单”为什么变蓝色了
10回答
-
- AllenHsu
- 2016-05-10 15:22:58
important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 通配符 > 继承。
參考
http://www.cnphp6.com/archives/6803 -
- 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)-升级版
1225297 学习 · 18230 问题
相似问题