代码顺序
尽量按照特定顺序编写规则,这将确保你充分发挥 CSS 中第一个 C 的意义:cascade,层叠。
一份规划良好的 CSS 应当按照如下排列:
- Reset 万物之根源
- 元素类型 没有 class 的
h1
、ul
等 - 对象以及抽象内容 最一般、最基础的设计模式
- 子元素 由对象延伸出来的所有拓展及其子元素
- 修补 针对异常状态如此一来,当你依次编写 CSS 时,每个区块都可以自动继承在它之前区块的属性。这样就可以减少代码相互抵消的部分,减少某些特殊的问题,组成更理想的 CSS 结构。
关于这方面的更多信息,强烈推荐 Jonathan Snook 的 SMACSS。