如何在 CSS 中应用 !important？

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

• 换句话说，它增加了速记属性所代表的所有子属性的重要性。
• 在正常使用中，在外部样式表中定义的规则被文档头中定义的样式覆盖，而后者又被元素本身内的内联样式覆盖（假设选择器具有相同的特异性）。
• 定义具有 !important 属性的规则，该属性会丢弃关于后规则覆盖较早规则的正常问题。
• 因此，它用于覆盖先前在其他样式源中声明的样式，以实现某种设计。

句法：

element {
    color: blue  !important;
    font-size: 14px !important; 
    ...
}

示例 1：

    
        
        
    
    
        
GeeksforGeeks
        
!important property
        

    
                    

输出：

在上面的例子中，body 的背景颜色是绿色而不是黄色，因为在 body 标签内的绿色背景颜色之后保留了“!important”。

示例 2：

    
        
        
    
    
        
GeeksforGeeks
        
!important property
        
 A Computer Science portal for geeks. 
        It contains well written, well thought and well explained
        computer science and programming articles and quizzes.
        
        

            
Computer programming is the process of writing 
            instructions that get executed by computers. The 
            instructions, also known as code, are written in
            a programming language which the computer can
            understand and use to perform a task or solve a 
            problem.
        
    
                    

输出：

HTML 是网页的基础，用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。

CSS 是网页的基础，用于通过样式化网站和 Web 应用程序进行网页开发。您可以按照此 CSS 教程和 CSS 示例从头开始学习 CSS。