!important是我们在解决css ie6兼容性问题中最常用到一个语法,不少人误以为!important是一种hack,实际上,!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,只是ie6不支持而已。如下:
body
{ color: black !important; /* IE6以上版本及其他浏览器中的颜色*/color: blue;/*ie6中的颜色*/}
实际上,在上面的例子中,ie6并非不能识别!important前面的属性“black”,只是ie6不能识别!important前面的属性“black”的优先级。如下:
body
{ color: blue;color: black !important; /* 所有浏览器中都会显示黑色,当然这样的写法毫无意义*/}
不难看出,!important所赋予其之前的属性值的高优先级只是浏览器的一个怪癖而已,实际上,IE7及更早版本的IE浏览器接受任意字符串替代important,并且会正常处理”!“之前的css属性值,而其它浏览器则会忽略。如下:
body
{ color: black; /*IE7以上版本IE及其他浏览器显示黑色*/color: blue !ie; /*IE7及以下版本IE显示蓝色*/}
这里"!"+"任意字符串"类似于星号(*)的作用,只识别IE7及以下版本IE。如下,可实现同样的效果。
body
{ color: black; /*IE7以上版本IE及其他浏览器显示黑色*/*color: blue; /*IE7及以下版本IE显示蓝色*/}