关于css和！重要标签

谁能解释一下事实上你在做什么！在css样式中重要吗

我知道当我在其他网站上使用css时，他们有时会使用它，但为什么呢？我并不是真的看不起你！重要的“工作”：D

---

谢谢你…

代码>！重要信息规则是一种使您的

CSS级联的方法

，但也有您需要的规则 感觉是最重要的，始终要应用。具有

的规则！重要信息

属性 无论该规则出现在CSS文档中的何处，都将始终应用该规则。 因此，如果您想确保始终应用某个属性，您可以添加

！重要信息

属性 贴标签。 因此，要使段落文本始终为红色，在上面的示例中，您可以编写：

p { color: #ff0000 !important; }
 p { color: #000000; }

使用

！重要信息

在CSS中通常表示你自恋、自私或懒惰。尊重即将到来的开发者

---

！重要信息

是CSS1的一部分。

！重要信息

设置css属性上的

优先级

。如果您有两个相同的CSS属性和一些不同的值，一个

！重要信息

mark会将该优先级设置为高。

它是什么？

！重要信息

覆盖其他没有的样式。以下是CSS的基本优先顺序：

规则与

！重要信息

更具体的规则

.classNameA .classNameB {} /* more specific */
.classNameB {}

规则的顺序

.classNameB {}
.classNameB {} /* takes priority */

例子 尽管

.classNameA

在第一条规则中更为具体，但是

.classNameA

的

背景色是
蓝色的，因为
！重要信息

你应该用它吗？
不，无论如何都要避免。只有在绝对必要的情况下才使用它，如果你发现自己处于一种情况，考虑重构你的CSS。这是因为当你有
的时候很难改变你的CSS！重要信息
到处都是规则。这也是一个糟糕的CSS设计指标

进一步阅读



通常，后一个CSS声明会推翻前一个CSS声明。因此，如果您在样式表中为某个元素声明了某个背景色，并且页面上的样式块本身或内联样式为该元素声明了另一个背景色，则样式块或内联样式将覆盖样式表

如果您添加
！重要信息
对于样式表中的声明，该声明不会被推翻
 从
C
的角度来看，
不重要
实际上很重要，这是不正确的，
！重要信息
规则不会“始终应用，无论该规则出现在何处”。这些规则仅仅是一种解释。
！重要的
规则也是一个串级的，所以不同的
！重要信息

规则通常可以相互覆盖。它的可能副本更像是1.a指令！重要且更具体的选择器（比另一条同样带有！重要但不太具体的选择器的指令）/1.b指令带有！它们出现在中的规则的重要性和顺序。然后是现有的2和3。也内联样式和CSS用户！重要的（总是赢）和没有！重要信息（赢得UA默认CSS，输给CSS作者，无论有无！重要信息）

.classNameB .classNameA {
    background-color: red;
}
.classNameA {
    background-color: blue !important;
}