码迷,mamicode.com
首页 > 其他好文 > 详细

没有什么好看的。

时间:2016-04-17 00:48:30      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

最近经常看到类似这样的HTML代码片段,很多前端开发人员应该都熟悉:

1 <!--[if lt IE 7]>      <html class="ie6"> <![endif]-->
2 <!--[if IE 7]>         <html class="ie7"> <![endif]-->
3 <!--[if IE 8]>         <html class="ie8"> <![endif]-->
4 <!--[if gt IE 8]><!--> <html>         <!--<![endif]-->

  这段代码包含了一些条件注释,它会根据浏览器的不同选择性地给<html>标记添加(或不添加)一个包含浏览器版本信息的class属性。具体来说,对于IE5-IE8,<html>标记会增加一个class属性,属性值由IE的版本来决定。对于IE9、较IE9更高的IE版本以及非IE浏览器,<html>保持原样。这样,我们就可以针对IE5-IE8这些老式浏览器来编写只对它们生效的CSS代码,比如:

1 .foo { color: red;}
2 .ie6 .foo { color: yellow;}
3 .ie7 .foo { color: blue;}

 

没有什么好看的。

标签:

原文地址:http://www.cnblogs.com/q871516337/p/5399878.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!