补丁样式使用 P- 前缀(patch)，遵循【前缀-模块】的写法：
使用BEM
BEM是块（block）、元素（element）、修饰符（modifier）的缩写，利用不同的区块，功能以及样式来给元素命名。这三个部分使用 __ 与 -- 连接（这里用两个而不是一个是为了留下用于块儿的命名）。命名约定的模式如下：
相关属性应为一组，推荐的样式编写顺序 ：位置/显示 ->容器/大小 ->排版/文本 ->装饰
由于定位（positioning）可以从正常的文档流中移除元素，并且还能覆盖盒模型（box model）相关的样式，因此排在首位。盒模型决定了组件的尺寸和位置，因此排在第二位。
其他属性只是影响组件的内部（inside）或者是不影响前两组属性，因此排在后面。
将媒体查询放在尽可能相关规则的附近。不要将他们打包放在一个单一样式文件中或者放在文档底部。
当出现多个嵌套的时候容易失去控制，应保持不超过一个嵌套
与 <link> 相比， @import 要慢很多，不光增加额外的请求数，还会导致不可预料的问题。
替代办法：
a:link ->a:visited ->a:hover ->a:active
使用 Autoprefixer 自动添加浏览器厂商前缀，编写 CSS 时不需要添加浏览器前缀，直接使用标准的 CSS 编写。
不使用第三方兼容，对齐，方便阅读
