!important的用法及作用（转）

最新推荐文章于 2025-10-20 22:16:46 发布

转载最新推荐文章于 2025-10-20 22:16:46 发布 · 4.3w 阅读

40 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/meiwenzx/p/6673302.html

文章标签：

#important

html 同时被 2 个专栏收录

29 篇文章

订阅专栏

css

7 篇文章

订阅专栏

本文深入解析CSS中的!important属性，探讨其在不同浏览器下的表现，包括IE6至IE7+及Firefox、Chrome等现代浏览器。通过具体案例分析!important如何提高样式规则的优先级，并提供兼容性解决方案。

定义及语法

!important，作用是提高指定样式规则的应用优先权（优先级）。语法格式{ cssRule !important }，即写在定义的最后面，例如：box{color:red !important;}。

在CSS中，通过对某一样式声明! important ，可以更改默认的CSS样式优先级规则，使该条样式属性声明具有最高优先级。

浏览器识别

ie7及ie7+,firefox,chrome等浏览器下，已经可以识别 !important属性，但是IE 6.0IE6及更早浏览器下仍然不能完全识别。important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里)，IE 6.0认为! important优先级较高，否则当含! important的样式属性被同一个{}里的样式覆盖时，IE 6.0认为! important较低!。

案例分析

IE6及以下浏览器有个比较显式的支持问题存在，!important在同一条规则集里不生效。请看下述代码：

div {!important; color: #000; }
//在上述代码中，IE6及以下浏览器div的文本颜色为#000，!important并没有覆盖后面的规则；ie7、ie7+、及其它浏览器下div的文本颜色为#f00。

IE6及以下浏览器要使!important生效，可用以下代码：

div { color: #f00 !important; }
div { color: #000; }
//上述代码中，ie6及其以下浏览器div的文本颜色为#fff,后面的重写的div样式没有起作用，important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里)，IE 6.0认为!important优先级较高,
可以识别!important。

提高指定样式规则的应用优先权（优先级）