CSS命名规范 BEM

通过阅读Element-UI源码来分析学习BEM规范, 使用BEM规范语义化更加鲜明，阅读更容易理解，
意思是 块，
意思是 元素，
意思是 修饰器。
块与元素之间使用__ 双下划线连接，块或元素与修饰器之间使用-- 双中划线连接。
BEM中块、元素、修饰器的命名如果存在多个单词使用- 单中划线连接

<button class="button">
 Normal Button
</button>
<button class="button--state-success">
  Success Button
</button>
<div class="footer">
  <button class="footer__button">footer button</button>
  <button class="footer__button--state-success">footer button</button>
</div>