任何人都能解释一下现实中做什么!在css风格中很重要吗?
当我在其他网站上使用css时,有时他们会使用它,但为什么呢?我并不是真的不知道重要的“工作”:D
谢谢......
答案 0 :(得分:8)
!important
规则是一种制作CSS cascade
的方法,但也有规则
感觉是最关键的总是应用。具有!important
属性的规则
无论CSS文档中出现何种规则,都将始终应用。
因此,如果要确保始终应用属性,则应添加!important
属性
到标签。
因此,要使段落文本始终为红色,请在上面的示例中编写:
p { color: #ff0000 !important; }
p { color: #000000; }
在CSS中使用!important
通常意味着你是自恋的&自私或懒惰。尊重开发者......
<强> More about this link 2 强>
!important
是CSS1的一部分。
答案 1 :(得分:1)
!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
.classNameA
blue
为!important
。
不,不惜一切代价避免它。只有在绝对必要时才使用它,并且如果你发现自己处于某种情况,请考虑重构CSS。这样做的原因是,当您在整个地方拥有!important
规则时,很难更改CSS。这也是CSS设计糟糕的一个指标。
答案 2 :(得分:0)
!important
在css属性上设置priority
。如果您有两个具有不同值的相同CSS属性,则一个!important
标记会将优先级设置为HIGH。
答案 3 :(得分:0)
通常,后面的CSS声明早先否决了。因此,如果您在样式表中声明了某个元素的某种背景颜色,以及页面本身的样式块或内联样式,则声明该元素的另一种背景颜色,样式块或内联样式会覆盖样式表。
如果在样式表中的声明中添加!important
,则不会推翻该声明。