重要的声明

!important 声明用于通过为规则赋予更高的优先级来覆盖样式表中的通常特异性。它的用法是：property : value !important;

#mydiv {
    font-weight: bold !important;    /* This property won't be overridden
                                       by the rule below */
}

#outerdiv #mydiv {
    font-weight: normal;            /* #mydiv font-weight won't be set to normal
                                    even if it has a higher specificity because
                                    of the !important declaration above */
}

强烈建议避免使用 !important（除非绝对必要），因为它会扰乱 css 规则的自然流动，这会给你的样式表带来不确定性。另外值得注意的是，当多个 !important 声明应用于某个元素上的相同规则时，具有更高特异性的声明将是应用的 ona。

以下是一些使用 !important 声明可以证明合理的例子：

• 如果你的规则不应被 html 元素的 style 属性中写入的元素的任何内联样式覆盖。
• 通过使用 !important 覆盖作者样式，使用户可以更好地控制 Web 可访问性，例如增大或减小字体大小。
• 用于使用 inspect 元素进行测试和调试。

也可以看看：

• W3C - 6 分配属性值，级联和继承 - 6.4.2！重要规则