Html 如何使用ie注释标签

我用了一些IE7不起作用的东西。这就是为什么，我只想为ie7和更低版本编写一些特定的css。这就是为什么，我在html标记中写了IE注释标记。但是，它不起作用。起初我写道：

<!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="sites/css/ie7-and-down.css" />
<![endif]-->

我需要在ie中删除此项，以便我在我的ie特定样式中写道，例如：

.modern-menu {
   display: none;
}

网站的一些HTML代码：

<ul class="modern-menu>
<li>abcd</li>
<li>abcd</li>
<li>abcd</li>
<li>abcd</li>
</ul>

仅限所有ie。css:

.modern-menu {
    width: 920px;
    height: 40px;
    width:99%;
    font-family: 'SourceSansProRegular',Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size: 13px;
    float:left;
    font-weight: normal;
    position: relative;
    clear: both;
    margin-top:0px;
    display: block;
}

@charset "utf-8";
/* CSS Document */

body {
    background-color: #0099FF;
}
.modern-menu {
    display: none;
}
.nav {
    display: block;
}

---

你能告诉我为什么这个评论标签不起作用吗？

在MS IE开发者工具中，你可以设置浏览器和文档版本。也许您刚刚设置了浏览器版本

在Internet Explorer 10中，当页面处于标准模式时，不支持HTML条件注释

---

确保开发者工具窗口上方的两个按钮都显示IE 10，以获得与原始MS IE 7类似的结果。真正测试IE 7中发生的事情的唯一方法是使用IE 7（例如，在一秒钟内）

重复并没有真正的帮助，除非它是特定的。我首先编写了，然后为了测试，我用以下内容替换：我不明白这有什么错，我的意思是如何为此编写文档版本？@user1896653

.modern-menu {
    width: 920px;
    height: 40px;
    width:99%;
    font-family: 'SourceSansProRegular',Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size: 13px;
    float:left;
    font-weight: normal;
    position: relative;
    clear: both;
    margin-top:0px;
    display: block;
}

@charset "utf-8";
/* CSS Document */

body {
    background-color: #0099FF;
}
.modern-menu {
    display: none;
}
.nav {
    display: block;
}