css - CSS 中的“！important”有什么好处？

Question

我正在处理其他人的代码，并注意到他在 CSS 中使用了很多“！important”。它也被用于我不明白原因的字体系列。这真的需要还是以前程序员的错误？

有人可以解释一下何时使用“！important”以及它有什么用处吗？

谢谢

Answer 1

根据文档：

“！important”声明（声明后的分隔符“！”和关键字“important”）优先于普通声明。

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

Answer 2

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

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

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

.something{
        border: 2px solid red;
}

JSFiddle来展示这个例子。

如果您删除!important该框将有一个 2px 的边框。