<分区>
考虑:
#div p {
color: red !important;
}
...
#div p {
color: blue;
}
我了解 !important 的工作原理。在这种情况下，div 将呈现红色，因为现在它具有优先权 (!important)。但我仍然无法找出合适的情况来使用它。是否有 !important 节省时间的示例？
<分区>
考虑:
#div p {
color: red !important;
}
...
#div p {
color: blue;
}
我了解 !important 的工作原理。在这种情况下，div 将呈现红色，因为现在它具有优先权 (!important)。但我仍然无法找出合适的情况来使用它。是否有 !important 节省时间的示例？
最佳答案
想象一下这个场景
在这种情况下，您可以将全局 CSS 文件中的某些样式设置为重要样式，从而覆盖直接在元素上设置的内联样式。
当您无法完全控制 HTML 时，通常会发生这种情况。想办法SharePoint例如。您希望您的部分被全局定义(样式化)，但存在一些您无法控制的内联样式。 !important 使这种情况更容易处理。
其他现实生活场景还包括一些编写糟糕的 jQuery 插件，它们也使用内联样式...
我想你现在已经有了想法并且还可以想出其他一些想法。
!important？我建议你不要使用 !important 除非你不能用任何其他方式做到这一点。只要有可能避免它，就避免它。使用大量 !important 样式会使维护变得更加困难，因为您破坏了样式表中的自然级联。
关于html - 何时在 CSS 中使用 !important 属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5701149/