BEM全称（block-element-modifier）是由 Yandex 团队提出的一种前端命名方法论，正常形式：block__element–modifier
B(block): 独立的页面及逻辑单元
E(element): 块中的组成部分，不能脱离块单独存在
M(modifier): 修饰符，可修饰块或元素
什么是块
在规范中，块表示一个组件的意思，这样看上去有点抽象，我们可以通过例子来学习，假设你要写一个按钮的组件。我们只需要设置了一个 .button 类的按钮，然后可以在任何<button>按钮上使用该类，就可以生成该组件的传统样式。
使用.button而不是用button的原因是因为类允许无限的可重用性，而即使是最基本的元素也可能改变样式。
但是在实际的项目使用中，我们会发现一个按钮可能是大按钮，可能是小按钮，也可能是红色的，或者黄色的。于是就引申出了BEM的modifier。
什么是修饰符
修饰符是改变某个块的外观的标志。要使用修饰符，可以将 --modifier 添加到块中。
假如我们要添加一个默认按钮，一个主要按钮，一个大按钮，一个小按钮，一个主要的小按钮。
什么是元素
元素是块的子节点。为了表明某个东西是一个元素，你需要在块名后添加 __element。所以，如果你看到一个像那样的名字，比如 form__row ，你将立即知道 .form 块中有一个 row 元素。
