# BEM

[BEM](http://bem.info) 是一种用于统一代码风格的规范。B：Block 逻辑/功能独立的页面组件，与 Vue 的单文件组件可对应上；E：Element Block 内的组成元件；
M Modifier 用于定义 Block 和 Element 的表现或行为状态。


## CSS BEM

```
-   中划线 ：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号。
__  双下划线：双下划线用来连接块和块的子元素
_   单下划线：单下划线用来描述一个块或者块的子元素的一种状态

type-block__element_modifier
```



## Reference

* [BEM](http://bem.info)
* [Tencent/tmt-workflow](https://github.com/Tencent/tmt-workflow/wiki/%E2%92%9B-%5B%E8%A7%84%E8%8C%83%5D--CSS-BEM-%E4%B9%A6%E5%86%99%E8%A7%84%E8%8C%83)
