BEM(CSS命名规范)

在Web项目中规范css命名还是很有必要的，BEM传送门。

通过阅读Element-UI源码来分析学习BEM规范, 使用BEM规范语义化更加鲜明，阅读更容易理解， B意思是Block 块，E意思是Element 元素，M意思是Modifier 修饰器。块与元素之间使用__ 双下划线连接，块或元素与修饰器之间使用-- 双中划线连接。

BEM中块、元素、修饰器的命名如果存在多个单词使用- 单中划线连接

 Normal Button


  Success Button


  footer button
  footer button

.button {} /*基础按钮*/
/*通过双中划线连接修饰器 这样语义化更加鲜明*/
.button--state-success {} /*状态为成功的button*/
.footer__button{} /*底部按钮样式*/
.footer__button--state-success{} /*底部状态为成功的按钮样式*/
/*state-success 多个单词直接使用-连接*/