重要的宣告

!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！重要規則