何时在CSS中使用!important属性

考虑:

#div p {

color: red !important;

}

...

#div p {

color: blue;

}

我了解!important运作方式。在这种情况下,div将呈现红色,因为现在它具有优先级(!important)。但是我仍然找不到适合的情况来使用它。是否有!important节省时间的示例?

回答:

回答:

想象一下这种情况

  1. 您有一个全局CSS文件,该文件可以全局设置网站的外观。
  2. 您(或其他人)对元素本身使用内联样式,这 通常是 非常不好的做法。

在这种情况下,您可以将全局CSS文件中的某些样式设置为重要样式,从而覆盖直接在元素上设置的内联样式。

回答:

当您无法完全控制HTML时,通常会发生这种情况。例如,考虑一下SharePoint中的解决方案。您希望对零件进行全局定义(样式化),但是存在一些您无法控制的内嵌样式。!important使这种情况更易于处理。

其他现实生活场景还包括一些写得不好的 ,这些 也使用内联样式…

也可以提出其他 。

回答:

我建议您不要使用,!important除非您无法以其他任何方式使用它。只要有可能避免它,就避免它。使用很多!important样式会增加维护难度,因为您破坏了样式表中的自然_层叠_ 。

以上是 何时在CSS中使用!important属性 的全部内容, 来源链接: utcz.com/qa/399321.html

回到顶部