IE6-8 CSS文件中文注释引发样式问题

今天同事遇到一个问题，页面样式在其它浏览器正常，IE下失效。帮他看了一下，起因是css中包含一行中文注释，注释之后定义的样式在IE下失效了，去掉那行中文注释一切正常。这问题我自己原来也遇到过，所以后来写注释的时候都用英文，也没细研究过BUG如何触发的。今天被人问到了，总不好跟人家说你以后写注释就用英文吧，毕竟很多时候即便使用中文注释也不会出现这问题。

触发原因：
1、HTML页面编码与CSS编码不同（DEMO中HTML为gbk，CSS为utf-8）
2、CSS文件中未指定@charset头声明，导致IE默认使用页面编码来解码CSS文件
3、当中文注释字数为奇数时，会与结尾的 “*/” 组合成新的合法字符，致使注释未能关闭，紧跟其后的样式被注释失效。

解决方案：
1、在中文注释右侧加空格，例如 /*前端开发*/改为/*前端开发   */。
2、统一HTML、CSS字符编码。
3、CSS文件代码顶部加声明，例如 @charset "utf-8";  指定编码类型。

推荐方案3，严格要求自己的编码风格，养成良好习惯。