点评:css中可以根据各浏览器自己独立的可识别的特殊代码来编写区分浏览器的代码,由于CSS读取时是按从上到下来的,同样属性靠后写的生效,下面有个不错的示例,感兴趣的朋友可以参考下
CSS代码中,则可以根据各浏览器自己独立的可识别的特殊代码来编写区分浏览器的代码,例如为IE系列浏览器可读[/9],而IE6和IE7可读[*],另外IE6可辨识[ _ ](下划线);由于CSS读取时是按从上到下来的,同样属性靠后写的生效,因此可以依照顺序写下来,就会让每个浏览器正确的读取到自己看得懂得CSS语法,有效区分各类型或版本:
HkyHTML5中文学习网 - HTML5先行者学习网 HkyHTML5中文学习网 - HTML5先行者学习网
.classname{ HkyHTML5中文学习网 - HTML5先行者学习网
blue; /*Firefox等非IE浏览器背景变蓝色*/ HkyHTML5中文学习网 - HTML5先行者学习网
red /9; /*IE8 背景变红色*/ HkyHTML5中文学习网 - HTML5先行者学习网
*black; /*IE7 背景变黑色*/ HkyHTML5中文学习网 - HTML5先行者学习网
_background:orange; /*IE6 背景变橘色*/ HkyHTML5中文学习网 - HTML5先行者学习网
} HkyHTML5中文学习网 - HTML5先行者学习网
.classname { HkyHTML5中文学习网 - HTML5先行者学习网
black !important; /*非IE6 背景变黑色*/ HkyHTML5中文学习网 - HTML5先行者学习网
background:orange; /*IE6 背景变橘色*/ HkyHTML5中文学习网 - HTML5先行者学习网
} HkyHTML5中文学习网 - HTML5先行者学习网
HkyHTML5中文学习网 - HTML5先行者学习网因为其他浏览器可读取「!important;」但IE6却不行。