代码顺序

尽量按照特定顺序编写规则,这将确保你充分发挥 CSS 中第一个 C 的意义:cascade,层叠。

一份规划良好的 CSS 应当按照如下排列:

  • Reset 万物之根源
  • 元素类型 没有 class 的 h1ul
  • 对象以及抽象内容 最一般、最基础的设计模式
  • 子元素 由对象延伸出来的所有拓展及其子元素
  • 修补 针对异常状态如此一来,当你依次编写 CSS 时,每个区块都可以自动继承在它之前区块的属性。这样就可以减少代码相互抵消的部分,减少某些特殊的问题,组成更理想的 CSS 结构。

关于这方面的更多信息,强烈推荐 Jonathan Snook 的 SMACSS