任何人都可以解释在现实中做什么!在 css 样式中很重要吗?
当我在其他网站上查看 css 时,他们有时会使用它,但为什么呢?我并没有真正理解!重要的“工作”:D
谢谢你...
!important
规则是一种让你的方法,但CSS cascade
也有你认为最重要的规则总是被应用。!important
无论该规则出现在 CSS 文档中的什么位置,都将始终应用具有该属性的规则。因此,如果您想确保始终应用某个属性,您可以将该!important
属性添加到标签中。因此,要使段落文本始终为红色,在上面的示例中,您将编写:
p { color: #ff0000 !important; }
p { color: #000000; }
在你的 CSS 中使用!important
通常意味着你自恋、自私或懒惰。尊重即将到来的开发者...
!important
是 CSS1 的一部分。
!important
覆盖其他没有它的样式。这是 CSS 的基本优先级顺序:
规则与!important
更具体的规则
.classNameA .classNameB {} /* more specific */
.classNameB {}
规则的顺序
.classNameB {}
.classNameB {} /* takes priority */
.classNameB .classNameA {
background-color: red;
}
.classNameA {
background-color: blue !important;
}
尽管.classNameA
在第一条规则中更具体,但background-color
of.classNameA
是blue
因为!important
.
不,不惜一切代价避免它。仅在绝对必要时才使用它,并且如果您发现自己处于这种情况,请考虑重构您的 CSS。这样做的原因是,当您到处都有!important
规则时,很难更改您的 CSS。这也是糟糕的 CSS 设计的一个指标。
!important
priority
在 css 属性上设置。如果你有两个相同的 CSS 属性但有一些不同的值,一个!important
标记会将优先级设置为 HIGH。
通常,后面的 CSS 声明会优先处理。因此,如果您在样式表中为某个元素声明了某种背景颜色,并且页面本身的样式块或内联样式为该元素声明了另一种背景颜色,则样式块或内联样式会否决样式表。
如果您添加!important
到样式表中的声明,则该声明不会被否决。