你可以在CSS中插入注释来说明你代码的意思,注释有利于你或别人以后编辑和更改代码时理解代码的含义。在浏览器中,注释是不显示的。如果使用注释的方法得当的话,为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息,不过使用注释对优化组织结构和提升效用也很有帮助。
CSS可以使用注释,但语法跟HTML注释完全不同。CSS注释非常类似于C/C++注释,都是用/*和*/括起来:
/*This is a CSS1 comment*/
同C++一样,注释可以跨越多行:
/*This is a CSS1 comment,and it
can be several lines long without
any problem whatsoever.*/
记住,CSS注释不可以嵌套使用。因此下面的这个实例就是不正确的:
/*This is a comment,in which we find
another comment,which is wrong
/*another comment*/
and back to the first comment*/
然而,几乎没有必要使用嵌套的注释,所以这个限制不是个大问题。
如果要将注释放在标记的同一行上,则要注意它的放置。例如,下面的方式就是正确的:
H1 {color:gray;} /*This CSS comment is several lines*/
H2 {color:silver;} /*long,but since it is alongside*/
P {color:white;} /*Actual styles,each line needs to*/
PRE {color:gray;} /*be wrapped in comment markers*/
对上例来说,如果不是每行都加注释标签,则大多数的样式表都会成为注释的一部分,这样就不能达到预期的目的:
H1 {color:gray;} /*This CSS comment is several lines
H2 {color:silver;} long,but since it is alongside
P {color:white;} Actual styles,each line needs to
PRE {color:gray;} be wrapped in comment markers*/
在这个例子中,只有第一个规则H1 {color:gray;}会应用于文档。剩下的规则都被当作注释的一部分,从而被浏览器所忽略了。继续研习我们的例子,在HTML标签里我们还会发现更多的CSS信息。