更好的组织CSS

有很多时候，本人在写CSS的时候，总是各种嵌套，这样据说会导致效率很低，而且不容易修改。这两天看了一个牛人的博客，大致有如下总结：

1，父标签就使用普通的class，然后子标签如果需要，则用父标签的class作前缀，后缀为自身的class。如，父标签为entry，则子标签为entry_counter

2，强烈建议使用Less工具来开发css，简单易维护

3，css要分模块，按照使用范围分为全局模块，局部模块和组件。开发时的css文件要分离开来，全局文件按照全局模块分离成多个，如global.css,global/common.css,global/footer.css。局部模块按照页面关系分离。如answer页面，则有answer.css,answer/ask.css,answer/answer.css。然后通过import引用。

4，线上环境不应该使用@import,需要一个合并压缩工具。

 

参考的博客：MZhou's blog