CSS "!important“的优点是什么？

Question

我正在编写其他人的代码，并注意到他在CSS中使用了大量的"!important“。它也被用于字体系列，我不明白其原因。这是不是真的需要，或者更多的是前程序员的一个错误？

有没有人能给我解释一下什么时候用"!important“以及它有什么好处？

谢谢

Answer 1

!important使css属性优先于该选择器应用的任何其他属性。例如，在下面的.something中，尽管在5px的边框后面有一个声明，但它的边框是5px的：

.something{
    width: 200px;
    height: 200px;
}

.something{
        border: 5px solid red !important;
}

.something{
        border: 2px solid red;
}

JSFiddle以显示示例。

如果你移除!important，这个盒子将有一个2px的边框。

Answer 2

根据documentation的说法：

重要声明(分隔符标记"!“

声明后面的关键字“重要”)优先于普通声明。

当两个样式规则相同时，它会在应用样式时赋予标记为!important的那个更大的重要性。