CSS属性书写顺序大揭秘：你知道吗？

3 min read

在 CSS 中，通常建议按照以下顺序书写属性：

  1. 布局定位属性（display，position，float，clear，visibility，overflow）；
  2. 自身属性（width，height，margin，padding，border，background，color，font，text，line-height，white-space，cursor）；
  3. 盒子模型属性（border，margin，padding，width，height）；
  4. 其他属性（animation，transform，transition，text-shadow，box-shadow，outline，filter，opacity）；
  5. 伪类（:hover，:active，:focus，:visited）；
  6. 子元素（+，>，~）。

当然，这只是一个基本的建议顺序，如果你觉得更符合你的习惯，也可以自己定义。