首页 > 技术文章 > css重构要领

yuanyuan0809 2017-03-18 15:27 原文

一:避免主动使用!important。

例如:css写得很复杂时,不要用它来取巧,要好好整理并重构之前的部分,保持选择器的简短,并且避免使用ID将效果拔群。虽然可以暂时性的取得效果,后期将变得不可维护。

二:注释的行宽不超过八十个字节,多使用块注释。

三:js行为与样式分离。

<div class="selected js-selected">

四:尽量不要使用固定的数字来布局,宽度等由父元素或栅格系统来决定,凑巧的数据只会治标不治本。

五:尽量保持选择器的简短高效,div.promo<==>.promo

但是class名则不应当过于简略,user-avt<==>user-avatar

推荐阅读