格式

  • 使用 2 个空格作为缩进。
  • 类名建议使用破折号代替驼峰法。如果你使用 BEM,也可以使用下划线(参见下面的 OOCSS 和 BEM)。
  • 不要使用 ID 选择器。
  • 在一个规则声明中应用了多个选择器时,每个选择器独占一行。
  • 在规则声明的左大括号 { 前加上一个空格。
  • 在属性的冒号 : 后面加上一个空格,前面不加空格。
  • 规则声明的右大括号 } 独占一行。
  • 规则声明之间用空行分隔开。

Bad

  1. .avatar{
  2. border-radius:50%;
  3. border:2px solid white; }
  4. .no, .nope, .not_good {
  5. // ...
  6. }
  7. #lol-no {
  8. // ...
  9. }

Good

  1. .avatar {
  2. border-radius: 50%;
  3. border: 2px solid white;
  4. }
  5. .one,
  6. .selector,
  7. .per-line {
  8. // ...
  9. }