虽然现在的浏览器都能自动处理CSS的执行顺序,但是开发者在编写CSS的时候,按照同一顺序书写便于代码维护者进行维护。

  1. 位置属性(position, top, right, z-index, display, float等)
  2. 大小(width, height, padding, margin)
  3. 文字系列(font, line-height, letter-spacing, color, text-align等)
  4. 背景(background, border等)
  5. 其他(animation, transition等)