Question

我正在尝试为我的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 -->

我必须遗漏一些明显的东西。。

Answer 1

要在CSS中发表评论，请使用/* Comment */，而不是HTML 语法。这就是打破CSS的原因。

正如提示，如果您在支持语法高亮的编辑器中工作，通常他们会给出注释特定的颜色。我看到的最常见的颜色是灰色，深蓝色或深绿色。当然，这仍然可以通过编辑器而有所不同，但是着色的变化是一个很好的指示，表明您正在使用正确的语法进行评论。

了解您的评论在代码示例中变为灰色，但没有。如您所知，这并没有发生，因为您没有使用正确的语法。

干杯！

Answer 2

Css评论是/* like this */，而不是。

Answer 3

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

Answer 4

这是HTML评论的样式，使用特定于CSS的/* comment */

Answer 5

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

/* This is a single-line comment */

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

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

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

添加评论时CSS破坏

5 个答案: