进行CSS注释的三种方法

通常CSS注释代码如果是单行注释的话开始使用/*,结束使用*/，这里向大家描述一下CSS代码中进行注释的三种方法，相信本文介绍一定会让你有所收获。
CSS代码中进行注释的三种方法

1、选择器（childselector）
如果你想在IE中隐藏一个CSS定义，可以使用子选择器。
CSS注释代码：

html>bodyp{  /*declarations*/  }  

2、“通配符”(*)
这种写法只有IE浏览器可以理解（对其他浏览器都隐藏）
CSS注释代码：
*htmlp{  /*declarations*/  }   

3、“反斜线”(\)
如果你希望IE/Win有效而IE/Mac隐藏，可以使用“反斜线”技巧。
CSS注释代码：
/*\*/  *htmlp{  declarations  }  /**/  

总结了一下自己工作中使用到的注释书写规范，没有什么技术含量，只是用于统一制作方式，方便维护。包含了“区域注释”、“单行注释”、“注释层级”和“协助注释”四个部分。

如果大家有其它的建议，欢迎留言。

大部分同学使用的区域注释的方法，会以“注释内容开始”或“注释内容结束”、“start”或“end”等，相比之下，以“S”或“E”开始可以更快的使用，比如只要写一次开始或结束的注释，然后复制，改下“S”或“E”就可以快速的完成区域的注释。

区域注释
在实际工作中，有时会出现分不清注释应该在标签之上还是标签之下，为了避免这种情况，注释信息统一写在区域标签开始之前和结束之后，并以“S”或“E”开始，表示区域注释的开始或结束。

例：


<!--=S 注释内容 -->
<div>
...
</div>
<!--=E 注释内容 -->



/*=S 注释内容 */
.class{
...
}
.class{
...
}
/*=E 注释内容 */


单行注释
注释信息应写在需注释的内容区域里

例：


<div>
<!-- 注释内容 -->
...
</div>



.class{
/* 注释内容 */
...
}


注释层级
在模块制作中，可能会出现区域中还有区域的情况，为了更好的区分区域之间的层级，引入了注释层级的概念。

区域注释前面的等号表示了当前注释的层级

例：


<!--=S 注释内容 -->
...
  <!--==S 注释内容 -->
  ...
    <!--===S 注释内容 -->
    ...
    <!--===E 注释内容 -->
  ...
  <!--==E 注释内容 -->
...
<!--=E 注释内容 -->



/*=S 注释内容 */
...
/*==S 注释内容 */
...
/*===S 注释内容 */
...
/*===E 注释内容 */
...
/*==E 注释内容 */
...
/*=E 注释内容 */


协助注释
非作者维护时所加入的表示修改时间、修改人等标识信息。

在区域注释或单行注释的基础上加上修改人和修改时间等信息。

例(区域注释)：


<!--==S 注释内容[修改人和修改时间] -->
<div>
...
</div>
<!--==E 注释内容[修改人和修改时间] -->



/*=S 注释内容[修改人和修改时间] */
.class{
...
}
.class{
...
}
/*=E 注释内容[修改人和修改时间] */


例(单行注释)：


<div>
<!-- 注释内容[修改人和修改时间] -->
...
</div>



.class{
/* 注释内容[修改人和修改时间] */
...
}


须要注意注释标记的开始和结束（特别是样式中的单行注释）时，注释内容跟标记间应该加上空格，避免IE下出现读取不到内容的情况。