1、什么是 BEM 命名规范

1.1Bem 是块（block）、元素（element）、修饰符（modifier）的简写。

BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。

1.2Bem命名规范

1. -中划线 ：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号

2. __ 双下划线：双下划线用来连接块和块的子元素

3. _ 单下划线：单下划线用来描述一个块或者块的子元素的一种状态

2、为什么要使用BEM

项目大，且复杂，有多人编写项目的 CSS 代码（每个人有自己的风格），代码量大的时候，就需要一种统一形式去组织 CSS 代码。

3、BEM的优点

• 可以获得更多的描述和更加清晰的结构，从其名字可以知道某个标记的含义。于是，通过查看 HTML 代码中的 class 属性，就能知道元素之间的关联。
• 通过 BEM 命名方式，模块层级关系简单清晰，而且 css 书写上也不必作过多的层级选择。