2

我正在尝试向我的 HTML 样式添加注释，但我发现当我添加注释时，样式停止工作。

下面的工作很好。图标和文本显示为灰色。

<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

5 回答 5

4

要在 CSS 中添加注释，请使用/* Comment */，而不是 HTML<!-- Comment -->语法。这就是破坏你的 CSS 的原因。

作为一个提示，如果你在一个支持语法高亮的编辑器中工作，通常他们会给注释一个特定的颜色。我见过的最常见的评论颜色是灰色、深蓝色或深绿色。当然，这仍然会因编辑器而异，但颜色的变化是一个很好的指标，表明您正在使用正确的注释语法。

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

干杯!

于 2012-08-15T17:05:29.993 回答
3

css 注释是做出来的/* like this */，不是<!-- like this -->。

于 2012-08-15T17:05:56.220 回答
3

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

于 2012-08-15T17:06:58.777 回答
1

这是 HTML 注释的样式，使用特定的 CSS/* comment */

于 2012-08-15T17:05:56.047 回答
1

在 CSS 中，注释以 /* 开头，以 */ 结尾。注释可以跨越多行，但不能嵌套：

/* This is a single-line comment */

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

根据 CSS2 规范，出现在标记之间的注释不会对样式的呈现产生任何影响。然而，在实践中，我们发现在某些情况下，某些旧版浏览器中的注释会导致错误。

//不允许 C++ 中使用的注释语法。SGML 注释也不是采用 形式的<!-- … -->，除非在一种情况下：它们可能出现在内部样式表中——使用标记放置在 HTML 源代码中的样式表——以便对 HTML4 之前的用户代理隐藏 CSS 语句。但是，这种注释的使用现在是多余的，可以忽略

于 2012-08-15T17:10:06.660 回答