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

!important是咱们在解决css ie6兼容性问题中最经常使用到一个语法,很多人误觉得!important是一种hack,实际上,!important是CSS1就定义的语法,做用是提升指定样式规则的应用优先权,只是ie6不支持而已。以下:css

body
{
color: black !important; /* IE6以上版本及其余浏览器中的颜色*/
color: blue;/*ie6中的颜色*/
}浏览器

实际上,在上面的例子中,ie6并不是不能识别!important前面的属性“black”,只是ie6不能识别!important前面的属性“black”的优先级。以下:ide

body
{
color: blue;
color: black !important; /* 全部浏览器中都会显示黑色,固然这样的写法毫无心义*/
}字符串

不难看出,!important所赋予其以前的属性值的高优先级只是浏览器的一个怪癖而已,实际上,IE7及更早版本的IE浏览器接受任意字符串替代important,而且会正常处理”!“以前的css属性值,而其它浏览器则会忽略。以下:博客

body
{
color: black; /*IE7以上版本IE及其余浏览器显示黑色*/
color: blue !ie; /*IE7及如下版本IE显示蓝色*/
}it

这里"!"+"任意字符串"相似于星号(*)的做用,只识别IE7及如下版本IE。以下,可实现一样的效果。class

body
{
color: black; /*IE7以上版本IE及其余浏览器显示黑色*/
*color: blue; /*IE7及如下版本IE显示蓝色*/
}import

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

相关文章
相关标签/搜索