-------摘自http://blog.csdn.net/wl110231/article/details/8064431-------
作为IE的IF条件注释使用备忘，有些时候试用if IE而不是在css中使用hack，就能通过w3c验证。
<!--[if !IE]><!-->非IE可识别<!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--><!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]--><!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]--><!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]--><!--[if IE 7]> 仅IE7可识别 <![endif]--><!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]--><!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
-------摘自http://www.divcss5.com/css-hack/c70.shtml-------
只有ie浏览器支持条件注释，其他浏览器会把条件注释语句解释成注释，通过这个特性我们既可以做ie和非ie浏览器加载不同的页面元素，也可以根据ie浏览器的不同版本加载不同的页面元素。
比如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>IE的if条件css hack实例</title> <style type="text/css"> <!--[if IE]> <!--.ys1 {color: #FF0000;} <![endif]--> </style> </head> <body> <p><!--[if IE]> Only IE <![endif]--></p> <p>我是<span class="ys1">www.divcss5.com</span>测试样式 </p> </body> </html>
PS:上面的代码有一处不理解：
为什么
|
1
2
3
|
<!--[if IE]> .ys1 {color: #FF0000;}<![endif]--> |
这样不对。
一定要：
|
1
2
3
|
<!--[if IE]> <!--.ys1 {color: #FF0000;} <![endif]--> |
.ys1 {color: #FF0000;} 语句前为什么要加<!--才可以。