我正在查看一些亚马逊的CSS,并注意到他们已经注释掉了一大块CSS.我知道Internet Explorer有条件格式,带有HTML注释,但我在Chrome中查看此内容.它的目的是什么?
哦,我应该注意到这些样式实际上正在应用.
<!-- BeginNav -->
<style type="text/css">
<!--
.nav-sprite {
background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/BeaconSprite-US-01._V141013396_.png);
}
.nav_pop_h {
background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-h._V155853593_.png);
}
.nav_pop_v {
background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-v._V155853593_.png);
}
.nav_ie6 .nav_pop_h {
background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-8bit-h._V155961234_.png);
}
.nav_ie6 .nav_pop_v {
background-image: url(http://g-ecx.images-amazon.com/images/G/01/gno/beacon/nav-pop-8bit-v._V155961234_.png);
}
.nav-ajax-loading .nav-ajax-message {
background: center center url(http://g-ecx.images-amazon.com/images/G/01/javascripts/lib/popover/images/snake._V192571611_.gif) no-repeat;
}
-->
</style>
Run Code Online (Sandbox Code Playgroud)
Rob*_*b W 30
它是由认为该网站的访问者使用无法识别<style>标签的浏览器的人创建的.
<style>由于HTML注释,不识别标签的(古代)浏览器不会显示"怪异"字符(CSS规则).
大多数浏览器都能识别<style>标签,因此开发人员似乎没有使用<!-- -->(坏)习惯.不应该使用它.