何时在CSS中使用！important属性

小编典典

html

考虑：

#div p {
    color: red !important;
}
...
#div p {
    color: blue;
}

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

阅读 414

2020-05-10

共1个答案

小编典典

想象一下这种情况

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

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

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

我想您现在已经有了主意， 也可以提出其他想法。

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

2020-05-10