<style> 元素中的注释影响下一行答案

【问题标题】：comment in <style> element affects next line<style> 元素中的注释影响下一行
【发布时间】：2015-07-31 07:14:40
【问题描述】：

我在head元素中用style元素对页面进行样式设置，但是当我注释掉一行时，它下面的下一行也会受到影响。例如：

<head>
    <meta charset="utf-8">
    <title>title</title>
    <style>
        h1 {  
            <!-- font-weight: normal; -->
            text-align: center;
        }
    </style>
</head>

我在上面的代码中注释掉了 font-weight，但是当我在浏览器（Firefox 和 IE）上运行它时，text-align 也被取消了。我使用的文本编辑器是 Notepad++。发生了什么？

【问题讨论】：

对 css 中的 cmets 使用 /**/

标签： html css

【解决方案1】：

样式表中不允许这种类型的注释，因此样式会中断。

试试这个方法：

/* font-weight: normal; */

【讨论】：

【解决方案2】：

样式元素包含 CDATA。它不能包含标记。 HTML 注释是 CSS 语法错误。 CSS 注释以/* 开头，以*/ 结尾。

【讨论】：

【解决方案3】：

如果您确实必须使用 HTML 注释样式，您可以将代码更改为以下内容：

<head>
<meta charset="utf-8">
<title>title</title>
<!-- font-weight: normal; to be used in stylesheet maybe -->
<style>
    h1 {  
        text-align: center;
    }
</style>
</head>

我在您的样式表注释之后添加了一些文本，以便您记住它是什么。我建议在将包含此代码的页面发布到全世界之前做出决定，否则用户将下载一些不必要的额外字节。

【讨论】：