在Web项目中规范css命名还是很有必要的，BEM传送门。
通过阅读Element-UI源码来分析学习BEM规范, 使用BEM规范语义化更加鲜明，阅读更容易理解， B意思是Block 块，E意思是Element 元素，M意思是Modifier 修饰器。块与元素之间使用__ 双下划线连接，块或元素与修饰器之间使用-- 双中划线连接。
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>
.button {} /*基础按钮*/
/*通过双中划线连接修饰器 这样语义化更加鲜明*/
.button--state-success {} /*状态为成功的button*/
.footer__button{} /*底部按钮样式*/
.footer__button--state-success{} /*底部状态为成功的按钮样式*/
/*state-success 多个单词直接使用-连接*/
