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

评论

1 楼 青春依旧 2017-12-14  

华清远见有队important有专业的讲解！免费的课程哦！大家加我扣扣了解！3398126348