Twitter 的 12 个 CSS 最佳实践

1. 对选择器进行分组时，请将各个选择器保持在一行上。

2. 不要在属性值前添加前导零。
   

3. 将所有十六进制值小写，并尽可能使用简写十六进制值。

4. 避免指定零值的单位。

5. 相关属性声明应按照以下顺序分组：position、box-model、typography、visual。misc。

6. 不要使用!important- 一般情况下，这是最后的手段，只有在需要覆盖某些内容且没有其他办法时才使用。建议提高选择器的特异性。

7. 当规则集仅包含一个声明时，请考虑删除换行符以提高可读性和加快编辑速度。

8. 将简写声明的使用限制在必须明确设置所有可用值的情况。

9. 确保你的代码描述清晰、注释完善且易于理解。优秀的代码注释能够传达上下文和/或目的。

10. 类名：
    a. 保持小写，并使用破折号分隔单词
    b. 避免过多的简写符号。（.btn可以，.s不可以）
    c. 使用有意义的名称：使用结构化或有目的的名称，而不是简单的表示。d
    . 根据最接近的父类或基类为类添加前缀。

11. 选择器：
    a. 使用类而不是通用元素标签，以获得最佳渲染性能。b
    . 避免[class^="..."]在常用组件上使用多个属性选择器（例如）。已知这些属性选择器会影响浏览器性能。c
    . 保持选择器简短，并尽量将每个选择器中的元素数量限制为三个以上的名称。

12. 尽可能将媒体查询放置在靠近其相关规则集的位置。

...

在twitter或Github上关注我。