CSS 重要声明

  • Z时代
  • 2024-01-10
  • 分类：综合

示例

该!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 重要声明 的全部内容， 来源链接： utcz.com/z/334577.html

回到顶部