- Gemeinschaft
- Lernen
- Tools-Bibliothek
- Freizeit
Heim > Fragen und Antworten > Hauptteil
Es nützt nichts, ständig important的优先级最高，可是下面的结果是粉色的，貌似important zu sagen
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>示例</title>
<style>
body {
color: green !important;
}
.pink-text {
color: pink;
}
</style>
</head>
<body>
<h1 class="pink-text">Hello World!</h1>
</body>Aber nach der Änderung ist es tatsächlich das höchste innerhalb derselben Klasse. Ich dachte ursprünglich, dass es, egal wo es ist, die höchste Priorität haben wird, solange important hinzugefügt wird, aber das Ergebnis ist nicht so
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>示例</title>
<style>
.pink-text {
color: green !important;
color: pink;
}
</style>
</head>
<body>
<h1 class="pink-text">Hello World!</h1>
</body>
ringa_lee2017-05-16 13:26:45
你的文字是在 pink-text 上的，一旦 pink-text 设定了 color，color 值就不是继承，就没 body 什么事
天蓬老师2017-05-16 13:26:45
!important这个属性不会被继承
就是说你给body的字体颜色设置了!important，
如果子元素没有设置其他字体颜色，就会继承 body的颜色，但是这个继承跟!important没有关系。
如果子元素设置了其他字体颜色，就会以设置的字体颜色来显示。
世界只因有你2017-05-16 13:26:45
谢邀！
!important 提升的是指定样式规则应用优先级，关键在于指定二字，好好感受一下。
而对于你前者的示例很明显不属于这个范围内。
另：
color: green !important;
color: pink;这种写法在IE6是无效的。