3

任何人都可以解释在现实中做什么！在 css 样式中很重要吗？

当我在其他网站上查看 css 时，他们有时会使用它，但为什么呢？我并没有真正理解！重要的“工作”：D

谢谢你...

4

4 回答 4

8

!important规则是一种让你的方法，但CSS cascade也有你认为最重要的规则总是被应用。!important无论该规则出现在 CSS 文档中的什么位置，都将始终应用具有该属性的规则。因此，如果您想确保始终应用某个属性，您可以将该!important属性添加到标签中。因此，要使段落文本始终为红色，在上面的示例中，您将编写：

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

在你的 CSS 中使用!important通常意味着你自恋、自私或懒惰。尊重即将到来的开发者...

更多关于这个

有关此链接的更多信息 2

!important是 CSS1 的一部分。

于 2013-03-21T06:59:30.293 回答
1

它是什么？

!important覆盖其他没有它的样式。这是 CSS 的基本优先级顺序：

  1. 规则与!important

  2. 更具体的规则

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

  3. 规则的顺序

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

例子

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

尽管.classNameA在第一条规则中更具体，但background-colorof.classNameA是blue因为!important.

你应该使用它吗？

不，不惜一切代价避免它。仅在绝对必要时才使用它，并且如果您发现自己处于这种情况，请考虑重构您的 CSS。这样做的原因是，当您到处都有!important规则时，很难更改您的 CSS。这也是糟糕的 CSS 设计的一个指标。

进一步阅读

于 2013-03-21T07:00:23.277 回答
0

!importantpriority在 css 属性上设置。如果你有两个相同的 CSS 属性但有一些不同的值，一个!important标记会将优先级设置为 HIGH。

于 2013-03-21T06:59:46.100 回答
0

通常，后面的 CSS 声明会优先处理。因此，如果您在样式表中为某个元素声明了某种背景颜色，并且页面本身的样式块或内联样式为该元素声明了另一种背景颜色，则样式块或内联样式会否决样式表。

如果您添加!important到样式表中的声明，则该声明不会被否决。

于 2013-03-21T07:03:06.187 回答