CSS 重要声明

2024-04-14 15:29:03 382

示例

该!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可以证明使用声明合理的示例：

如果您的规则不应被写入stylehtml元素属性内的该元素的任何内联样式覆盖。

通过使用覆盖作者样式，使用户能够更好地控制网络的可访问性，例如增大或减小字体大小!important。

用于使用检查元素进行测试和调试。

也可以看看：

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

CSS 重要声明

示例

热门推荐

随机推荐