CSS Important

2025年3月26日 | 阅读 2 分钟

此 CSS 属性用于比普通属性赋予更高的重要性。!important 的意思是 “这是重要的”。此规则提供了一种对 CSS 中的级联进行操作的方法。

如果我们对此文本应用此属性,那么该文本的优先级将高于其他优先级。建议在您的程序中不要使用此 CSS 属性,除非有非常必要。这是因为过多使用此属性会导致许多意外行为。

如果一个规则定义了此属性,它将拒绝正常处理,即后面使用的规则会覆盖前面的规则。如果我们使用多个标记为 !important 的声明,那么正常级联将再次接管。这意味着新的标记为 !important 的规则将替换之前的规则。

它提高了 CSS 属性的优先级,并忽略了覆盖属性。

语法

示例

在上面的示例中,我们可以看到 body 的背景颜色是浅蓝色而不是粉红色,因为在 body 标签中,!important 是在浅蓝色背景颜色之后应用的。

让我们来看另一个此属性的示例,以便更清楚地理解它。

示例

在此示例中,我们将 !important 属性应用于文本边框。尽管有其他声明,h1 标题的边框颜色将保持为 红色。尽管有其他声明,h2 标题的颜色和边框颜色将保持为 绿色紫色

 
下一主题CSS 背景颜色