更好的部门CSS
日期：2014-05-17 浏览次数：20596 次
更好的组织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
?
?
?
?
1 楼
zhangyaochun
2011-09-26
如果你做过组件开发 你会发现所有的组件在渲染成html的时候多是一个组件绑定一个css的 所有支持按分离式的css绑定。。。。。。。但是个人感觉对于门户的设计思路好像不是那么简单
2 楼
zhangyaochun
2011-09-26
楼主可以看一下-----精通CSS高级Web标准解决方案
3 楼
zhuwenlong00
2011-09-26
则子标签为entry_counter 那子标签的子标签，孙标签呢？
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
