CSS !Important及感叹号(!) hack的应用

 

!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显示蓝色*/
}

转载请注明转自五月兰博客,http://www.wuyuelan.com

你可能感兴趣的:(CSS hack,css important)