css的每个属性值后面都加上!important是什么意思?他有什么作用?

发布网友发布时间：2022-04-20 16:49

共3个回答

懂视网时间：2022-04-20 21:10

在上述代码中，IE6及以下浏览器div的文本颜色为#000，!important并没有覆盖后面的规则；其它浏览器下div的文本颜色为#f00

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

示例代码：

div { color: #f00 !important; } div { color: #000; }

在上述代码中，IE6及以下浏览器中div的文本颜色表现与其它浏览器一致，都为#f00

　　IE6及更早浏览器下，!important在同一条规则集内不生效。

示例：

1 2 3 4 important的使用 5 6 44 45 46 47 48

第31行的margin-left设置了!important，因此后面的第39行是不能更改margin-left的值。 50 51

参考文章：

http://www.runoob.com/css3/css3-buttons.html

http://www.css88.com/book/css/rules/!important.htm

本文为博主原创文章，若需转载请注明出处。

热心网友时间：2022-04-20 18:18

margin-left:5px!important;margin-left:10px;
一般这么写的时候主要解决浏览器兼容问题。
比如上面这个IE6解释左边距是10px；IE6以上的版本，或其他什么火狐谷歌苹果等浏览器解释就是5px。

热心网友时间：2022-04-20 19:36

提升该CSS属性条目的优先级