学习!important用法

Posted 2020-07-06

 

• 通过在样式后面添加!important，可以提高css规则的重要度
• 举个栗子
• 代码如下

<style>
        .div1 {
            color: blue;
        }

        .div2 {
            color: blue !important;
        }

        .div3 {
            color: blue !important;
        }
</style>

<h1 class="div1" style="color:red">aaa</h1>
<h1 class="div2" style="color:red">bbb</h1>
<h1 class="div3" style="color:red !important">ccc</h1>

• 运行结果如下

•  兼容性：所有主流浏览器均可识别!important