在 CSS 属性末尾添加 !important 有什么作用？

【问题标题】：What does adding !important on the end of a CSS attribute do?在 CSS 属性末尾添加 !important 有什么作用？
【发布时间】：2011-06-09 03:17:16
【问题描述】：

为什么人们在他们的 CSS 属性声明的末尾添加 !important，这对他们有什么作用？

例如，见过这个吗？：

div{
    min-height:100px;
    height:auto !important;
    height:100px;
}

【问题讨论】：

【解决方案1】：

!important 增加了 CSS 规则的重要性，因此它将有更多的点来覆盖另一个具有较少点的声明。例如：

div {
    color: red !important;
}

div#hello {
    color: black;
}

ID 为“hello”的<div> 仍然是红色的。

【讨论】：