1 什么是 BEM 命名规范Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读

BEM是基于组件的web开发方法。其思想是将用户界面分隔为独立的块，从而使开发复杂的UI界面变得更简单和快，且不需要粘贴复制便可复用现有代码。BEM由Block、Element、Modifier组成。选择器里用以下连接符扩展他们的关系：`_

前言在项目开发中，由于每个人的代码习惯不同，编写出来的css代码不够结构化，整洁度和语义化欠缺。BEM CSS和OOCSS的思想大家在日常编码中一定有所用到，只是没有系统的了解和完全规范的使用。BEM(Block, Element, Mo

当你看到一个class的时候，你想得到什么信息？这个class用在什么地方，作用是什么？是否在其他地方也有使用该class，修改会不会引起其他地方的样式问题？class 是否在js中被使用？......此时，你最想一眼看到这个class就解