CSS:!important

CSS:!important

  (2013-01-15 14:16:46)

转载▼

标签：  css   ！important   css优先级   css样式覆盖

分类： div css

一、语法及定义

!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。

CSS企图创造一个平衡作者和用户之间的级层样式表。对css级层样式表的覆盖平衡定义而言，加上一个“!important”就优先于正常的CSS规则。

语法格式{ cssRule !important }，即写在定义的最后面，例如：box{color:red !important;}

二、浏览器识别

对于ie7、ie8、firefox、chrome等高端浏览器，无论将！important写在要覆盖的样式前面还是后面，都可以识别 !important 的优先权， 但是IE 6下有一种情况是不能识别的，那就是将！important跟要覆盖的样式写在一个{}里，并写在要覆盖样式的前面，听着很绕，直接看例子吧：

div{color:blue!important; color:red;}   除了ie6显示红色，其余浏览器均显示蓝色文字

div{ color:red;color:blue!important;}   所有的浏览器均显示蓝色文字[正常情况下我们这样写]

div{color:blue!important;}   div{ color:red;}  所有的浏览器均显示蓝色文字