为什么用了!important，.first中的span还是红色？
来源：9-4 为所欲为 - 选择器最高层级!important
做个恶霸鸭
2021-05-28 20:34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>!important</title>
<style type="text/css">
p span{
color:red;
}
p.first {
color: green!important;
}
</style>
</head>
<body>
<h1>勇气</h1>
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span class="first">简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
</body>
</html>
写回答
关注
3回答
-
- 为何永远放不开
- 2021-10-19 15:23:57
继承权重最小
p+span=2>继承权重
-
- 慕斯卡4328214
- 2021-08-09 16:11:29
看到你的问题，我也去试了一下，结果也发现了这个情况。看到结果的表现，我猜测可能是在同一级中，!important是最优先的，但到它的子级也就是下一级，可能就不再最优先了。
-
- 冰哇哇
- 2021-05-29 00:02:19
权重大
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1223116 学习 · 18212 问题
相似问题