Question

我正在研究其他人的代码，并注意到他在CSS中使用了很多“！important”。它也被用于font-family，我不明白其中的原因。这真的需要或者更多的是前任程序员的错误吗？

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

由于

Answer 1

根据documentation：

“！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边框。

CSS的“！important”有什么优势？

2 个答案: