Question

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

＆＃xA;＆＃xA;

 ＆lt; head＆gt;＆＃xA; ＆lt; meta charset =“utf-8”＆gt;＆＃xA; ＆LT;标题＆GT;标题＆LT; /标题＆GT;＆＃XA; ＆LT;风格＆GT;＆＃XA; h1 {＆＃xA; ＆lt;！ -  font-weight：normal; - ＆GT;＆＃XA; text-align：center;＆＃xA; }＆＃XA; ＆lt; / style＆gt;＆＃xA;＆lt; / head＆gt;＆＃xA;

＆＃xA;＆＃xA;

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

＆＃xA;

Answer 1

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

以这种方式尝试：

/* font-weight: normal; */

Answer 2

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

Answer 3

如果您真的必须使用HTML评论样式，可以将代码更改为以下内容：

New_OptionX()

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

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

3 个答案: