添加註釋時CSS破壞

我想向我的HTML樣式添加註釋，但是我發現當我添加註釋時，樣式停止工作。添加註釋時CSS破壞

下面的工作很好。圖標和文字顯示爲灰色。

<html lang="en"> 
    <head> 
     <title>test</title> 
     <link href="/gtd/media/css/font-awesome.css" rel="stylesheet"> 
    </head> 
    <body> 
     <style> 

      .action-star { 
       color: gray; 
      } 
     </style> 
     <div class="container-fluid"> 
      <span class="action-star"><i class="icon-star icon-large"></i> Test Icon</span> 
     </div><!--/container--> 
    </body> 
</html>

但是下面的不起作用。圖標和文字顯示爲黑色。

<html lang="en"> 
    <head> 
     <title>test</title> 
     <link href="/gtd/media/css/font-awesome.css" rel="stylesheet"> 
    </head> 
    <body> 
     <style> 
      <!-- Comment --> 
      .action-star { 
       color: gray; 
      } 
     </style> 
     <div class="container-fluid"> 
      <span class="action-star"><i class="icon-star icon-large"></i> Test Icon</span> 
     </div><!--/container--> 
    </body> 
</html>

我說唯一的辦法就是行：

<!-- Comment -->

我必須失去了一些東西明顯。。。

來源

2012-08-15 Ed.

要在CSS中使用/* Comment */，而不是HTML 語法。那就是破壞你的CSS。

就像一個暗示，如果你在一個支持語法高亮的編輯器中工作，通常他們會給註釋一個特定的顏色。我所看到的最常見的顏色是灰色，深藍色或深綠色。當然，這仍然可能因編輯器而異，但着色方面的變化很好地表明您正在使用正確的語法進行評論。

看看您的代碼示例中的評論如何變成灰色，但沒有。你現在知道，這並沒有發生，因爲你沒有使用正確的語法。

乾杯！

來源

2012-08-15 17:05:29

這是一個HTML註釋的造型，使用的/* comment */

來源

2012-08-15 17:05:56

CSS註釋的CSS具體由/* like this */，不。

來源

2012-08-15 17:05:56 awm

一旦您在<style>塊內，就必須使用CSS語法。對於評論，這意味着使用/* Comment */

來源

2012-08-15 17:06:58 Cody

在CSS中，註釋以/ *開始並以* /結尾。註釋可以跨越多行，但不可以被嵌套：

/* This is a single-line comment */ 

/* This is a comment that 
    spans multiple lines */

根據CSS2規範，即標記之間出現意見不會對樣式渲染任何影響。然而，實際上，在某些情況下，我們發現某些舊版瀏覽器中的評論會導致錯誤。

不允許在C++中使用//註釋語法。除了在一種情況下，SGML註釋的格式不是，它們可能出現在HTML源代碼中的內部樣式表樣式表中，以便隱藏來自HTML4之前用戶代理的CSS語句。然而，這種評論的使用現在是多餘的，可以忽略

來源

2012-08-15 17:10:06

添加註釋時CSS破壞

回答

相關問題