2012-03-21 53 views
13

我正在检查一些Amazon的CSS,并注意到他们有HTML注释掉了一大块CSS。我知道有条件格式的互联网 资源管理器与HTML评论,但我在Chrome查看此。它的目的是什么?HTML在CSS中的评论?

哦,我应该注意到这些样式实际上正在被应用。

<!-- 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> 

回答

27

它是由某人认为该网站的访问者使用不识别<style>标签的浏览器创建的。

(古代)浏览器无法识别<style>标记,因为HTML注释而不会显示“怪异”字符(CSS规则)。

大多数浏览器识别<style>标签,所以开发者似乎使用了<!-- -->出于(坏)习惯。应该使用而不是

+0

最好以'<! - * /'开头并以'/ * <]]> */- >'结尾。这将隐藏来自不理解它的浏览器的代码,同时允许xhtml parers解释它,而不去除与不理解CDATA的浏览器的兼容性。出于同样的原因,以'<! - '开头并以// // - ><]]>'结尾的评论javascript是很好的。 – 2016-11-28 17:18:54

-4
/* 
.css { 
    whatever code 
} 
*/ 

这是怎么评论。

+0

对不起,你是什么意思的块? – Sackling 2012-03-21 20:44:02

+0

我只是想评论,这是评论CSS的唯一方法。但是我的意思是代码块,现在我改变它了。 – 2012-03-21 20:44:45

+0

哦对..亚,但评论被html注释掉。 Rob Ws的回答很有道理,但 – Sackling 2012-03-21 20:46:13