为什么CSS中的注释很重要？

Question

为什么CSS中的评论甚至相当可观？我之前正在测试一个网站，只是在分号后加上一些纯文本：

#myId {
   property: value; this is my comment
}

并且没有引发任何错误，该值仍然应用于选择器，一切正常。为什么要使用/* */？我在Chrome和Firefox中进行了测试，是否有其他浏览器可能无法解析CSS，如果我这样做，我不知道？

Answer 1

您的浏览器可能只是放弃了“这是我的评论”。在“;”之后，它认为“这是我的评论”是一个财产，但不知道它是什么。但它会在它之后丢弃所有内容，直到达到“}”。

尝试类似：

#myId {
border: 1px solid red; this is my comment
border: 2px solid blue;
}

蓝色边框不会显示，但应该

然后尝试：

#myId {
border: 1px solid red; 
border: 2px solid blue;
}

出现蓝色边框！

所以我会使用/ * * /作为评论; P

Answer 2

当您输入/ * * /时，浏览器将忽略这些符号背后的内容。虽然你把这样的东西放在

 #myId {   
 property: value; this is my comment 
 }

浏览器会将“这是我的评论”作为解析错误之一，然后继续执行css的下一行。您可以参考http://csslint.net来检查它是否是错误。基本上，它只会使您的页面加载更长，因为存在错误并且还使您的工作看起来不整洁。发表评论总是可以帮助人们记住他们的代码，并帮助你有时调试内容。

Answer 3

这是CSS语法的一部分，我认为如果你的代码变大，它会产生许多难以发现的bug。以下是关于使用http://www.w3.org/TR/css3-syntax/

的万维网联盟（W3C）页面

Answer 4

实际上，浏览器对此类错误感到宽容。如果浏览器遇到错误，他们会忽略它并继续下一段代码。

如果您想确保您的css没有错误，您可能需要使用CSS代码验证服务http://jigsaw.w3.org/css-validator/对其进行验证。它使用起来非常简单。