何时在CSS中使用！important属性

Question

考虑：

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

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

Answer 1

这是现实生活中的场景

想象一下这种情况

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

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

实际的真实世界示例？

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

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

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

您何时决定使用!important？

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