2012-08-15 48 views
2

我想向我的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 --> 

我必须失去了一些东西明显。 。 。

回答

4

要在CSS中使用/* Comment */,而不是HTML <!-- Comment -->语法。那就是破坏你的CSS。

就像一个暗示,如果你在一个支持语法高亮的编辑器中工作,通常他们会给注释一个特定的颜色。我所看到的最常见的颜色是灰色,深蓝色或深绿色。当然,这仍然可能因编辑器而异,但着色方面的变化很好地表明您正在使用正确的语法进行评论。

看看您的代码示例中的<!--/container-->评论如何变成灰色,但<!-- Comment -->没有。你现在知道,这并没有发生,因为你没有使用正确的语法。

干杯!

1

这是一个HTML注释的造型,使用的/* comment */

3

CSS注释的CSS具体由/* like this */,不<!-- like this -->

3

一旦您在<style>块内,就必须使用CSS语法。对于评论,这意味着使用/* Comment */

1

在CSS中,注释以/ *开始并以* /结尾。注释可以跨越多行,但不可以被嵌套:

/* This is a single-line comment */ 

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

根据CSS2规范,即标记之间出现意见不会对样式渲染任何影响。然而,实际上,在某些情况下,我们发现某些旧版浏览器中的评论会导致错误。

不允许在C++中使用//注释语法。除了在一种情况下,SGML注释的格式不是<!-- … -->,它们可能出现在HTML源代码中的内部样式表样式表中,以便隐藏来自HTML4之前用户代理的CSS语句。然而,这种评论的使用现在是多余的,可以忽略