为什么我们应该使用 !important ？

在本文中，我们将了解“！important”属性及其在 CSS 中的用法。此属性用于通过在样式末尾指定 !important 来覆盖相同样式属性的特定样式属性。

!重要属性：

CSS 中的 !important 属性用于提供比普通属性更多的权重（重要性）。在 CSS 中，!important 表示“这很重要”，忽略所有后续规则，并应用 !important 规则，并且 !important 关键字必须放在行尾，紧挨分号之前。

• 在正常使用中，外部样式表中定义的规则被文档头部中定义的样式所取代，而文档头部中定义的样式又被元素本身内的内联样式所取代（假设选择器具有相同的特异性）。
• 此属性用于将特定样式指定为应用它的关键样式。
• 如果使用 !important 属性指定样式，则该特定样式将应用于元素，而不是任何其他同名样式。
• 如果将 !important 属性添加到任何样式，则应用的样式优先级更高。

句法：

element-name {
    style-name : styliings !important;
}

示例 1：使用重要属性更改背景。

HTML

  

    
    

  

    
GeeksforGeeks
    
Use of !important property

  

在这里，我们在绿色背景下使用了 !important 属性，因此它的优先级被认为具有更高的优先级。

输出：

示例 2：使用重要属性更改文本颜色。

HTML

  

    
    

  

    
GeeksforGeeks
    
Use of !important property

  

在这里，我们在 h1 标签的样式上使用了绿色文本颜色的 !important 属性，我们还借助 id 属性将文本颜色更改为黄色，但重要的优先级被认为具有更高的优先级，它改变了文本颜色黑色到绿色而不是黄色。

输出：