一:避免主动使用!important。
例如:css写得很复杂时,不要用它来取巧,要好好整理并重构之前的部分,保持选择器的简短,并且避免使用ID将效果拔群。虽然可以暂时性的取得效果,后期将变得不可维护。
二:注释的行宽不超过八十个字节,多使用块注释。
三:js行为与样式分离。
<div class="selected js-selected">
四:尽量不要使用固定的数字来布局,宽度等由父元素或栅格系统来决定,凑巧的数据只会治标不治本。
五:尽量保持选择器的简短高效,div.promo<==>.promo
但是class名则不应当过于简略,user-avt<==>user-avatar