十六、Less和Sass中的嵌套
避免非必要的嵌套.这是因为虽然你可以使用嵌套,但是并不意味着应该使用嵌套.只有在必须将样式限制在父元素内(也就是后代选择器),并且存在多个需要嵌套的元素师才能使用嵌套.
十七、注释:
代码是由人编写并维护的.请确保你的代码能够自描述、注释良好并且易于他人理解.好的代码注释能够传递上下文关系和代码目的;
不要简单地重申组件或者class名称;
对于较长的注释,务必书写完整的句子,对于一般性的注释,可以书写简介的短语.
十八、class命名
class名称中只能出现谢小字符和破折号(不是下划线也不是驼峰命名法).破折号应当用于相关class的命名(类似命名空间,例如.btn和.btn-danger)
避免过度任意的简写. .btn代表button,但是.s不能表达任何意思;
class名应该尽可能短,并且意义明确;
使用有意义的名称,使用有组织的或者目的明确的名称,不要使用表现形式的名称;
基于最近的class或者基本class作为新class的前缀;
使用.js-* class来标识行为(与样式相对),并且不要将这些class包含到css文件中;
在为sass和less变量命名时也可以参考上面列出的各项规范.
十九、选择器
对于通用元素使用class,这样利于渲染性能的优化;
对于经常出现的组件,避免使用属性选择器(例如:[class^="···"]),浏览器的性能会受到这些因素的影响;
选择器尽可能短,并且尽量限制组成选择器的元素个数,建议不要超过3个;
只有在必要的时候才将class限制在最近的父元素内.
二十、代码组织:
以组建为单位组织代码段;
指定一致的注释规范;
使用一致的空白符将代码分隔成块,这样利于扫描较大的文档;
如果使用了多个css文件,将其按照组件而不是页面的形式拆分,因为页面会被重组,而组件只会被移动.
原文：http://www.cnblogs.com/codinganytime/p/5258223.html
