更好的组织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

 

 

 

 

评论

3 楼 zhuwenlong00 2011-09-26  

则子标签为entry_counter　那子标签的子标签，孙标签呢？

2 楼 zhangyaochun 2011-09-26  

楼主可以看一下-----精通CSS高级Web标准解决方案

1 楼 zhangyaochun 2011-09-26  

如果你做过组件开发 你会发现所有的组件在渲染成html的时候多是一个组件绑定一个css的 所有支持按分离式的css绑定。。。。。。。但是个人感觉对于门户的设计思路好像不是那么简单