2012-03-21 79 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