CSS规范化及解决方案

CSS规范化及解决方案

说到规范，我们会较容易联想到git分支命名及合并规范、发布规范、js编写规范等等，比较容易忽略CSS规范，通常一些大型公司中成熟的前端团队，对css代码编写也会有一套自己的简单规范。规范不必过于苛刻，目的在于提升开发效率、降低维护成本。

一、定义一套合理的规范（css命名+属性书写顺序）

1、css命名—-BEM规范?

在业界之前比较流行的css编写规范是BEM规范【块（block）、元素（element）、修饰符（modifier）】，实际也可根据团队情况制定推动更符合业务场景需要的自己的规范。

示例:

<div class="health-account">
    <div class="health-account__head">
    </div>
    <div class="health-account__body">
        <div class="tag"></div>
        <button class="health-account__button--primary"></button>
        <button class="health-account__button--success"></button>
    </div>
<