这是正确的申请方式！在css中很重要吗？

Question

我有点不知道！在css中很重要。

在我的项目中，我使用过bootstrap。为了在项目中实现某些目标

通过将！important放在我的样式表上来覆盖bootstrap.css。

这样做是否正确。

请帮助我纠正，如果错了，怎么办！重要规则有效。

Answer 1

无论CSS文档中出现该规则的位置，都将始终应用具有！important属性的规则。

来自here：

  

使用！important是不好的做法，应该避免因为它   通过打破自然级联来使调试更加困难   你的样式表。当两个相互冲突的声明时   ！重要规则适用于同一元素，声明用   将应用更高的特异性。

     

一些经验法则：

     

  
• 在考虑之前总是寻找一种使用特异性的方法   ！important仅对覆盖的特定于页面的CSS使用！important   站点范围或外部CSS（来自外部库，如Bootstrap或   normalize.css）。
  
• 在你写作时，永远不要使用！important   插件/混搭。
  
• 永远不要在网站范围内使用！important。而不是使用   重要的是，您可以更好地利用CSS级联属性并使用更具体的规则。
  

Answer 2

有时您需要覆盖bootstrap css并从样式表中应用样式。但它并不一定适用于！important。使用样式表文件的顺序也很重要。例如：您必须在自定义样式表之前放置引导程序文件，以便覆盖引导程序中定义的样式。 有时甚至可能会发生在bootstarp.css文件之后导入自定义样式表之后，您可能无法获得预期结果。由于css特异性，这可能是个问题。 ！重要的是不应该使用，除非在尝试所有其他选项之后绝对必要。如果你因为懒惰而使用！important，为了避免正确的调试，你可能会遭受后果。

你可以在这里阅读更多关于css特异性的信息！重要的是：

http://sixrevisions.com/css/css-specificity/

https://css-tricks.com/when-using-important-is-the-right-choice/