IE条件注释学习记录

             当我们打开京东网站并查看源码时会发现这样的一段代码

       那这这样的一段代码是什么意思呢？

       其实就是IE条件注释。条件注释其实就是一种对常规html注释的扩展，它能够根据注释条件显示代码块。

      1. 请看这段代码  :

<!--[if IE]
<link rel="stylesheet" type="text/css" href="/css/xu.css"
-->

    这段代码的意思是：在windows上的IE5和更高版本的IE浏览器就会link这个xu.css ，但是其他浏览器只会认为这是被注释掉的内容。

    2. 请看这段代码  :

        

<!--[if IE 6]
 <link rel="stylesheet" type="text/css" href="xu.css"/>
-->

     同过上一个代码段的解释，可以看出xu.css只有在 IE6浏览器中被link.

  3.

<!--[if lt IE 6]
<link rel="stylesheet" type="text/css" href="/css/xu.css" />
-->

  这段代码当然只有在 小于IE6版本的IE浏览器中运行

 4 但是 向下显露的条件注释 写法略有不同

  

<!--[if !IE]>-->
<link  rel="stylesheet" type="text/css" href="/css/xu.css"/>
<!--<![endif]-->

   而这段代码的含义是 它对IE的所有版本隐藏样式表

 5 

<!--[if gte IE 6]><!-->
  <link rel="stylesheet" type="text/css" href="/css/xu.css" />

<!--<![endif]-->

   它会对IE5.X隐藏样式(条件注释是在IE5中被引入的)

   现在你可以猜一下京东的那段注释是什么意思了