CSS类名命名规范

参考：https://blog.csdn.net/eunice_sytin/article/details/83341381 (推荐)  或  https://www.cnblogs.com/chinb/p/13915133.html (推荐)  或 https://zhuanlan.zhihu.com/p/122214519

BEM命名规范：BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的一种前端命名方法论。

【element-ui的css类名就是使用这种规范命名的】

 

BEM是怎么约定的?

最好是不要超过3层，3层以内是最好的

  块名：block，它为元素和修饰符定义了命名空间（就是这个块是干啥的～，比如登录，那这个块就叫login）
  元素名：与块名使用“__”连接，block__name（就是这个元素盒子是干啥的，比如登录的form表单，那就是login__form）
  修饰符名：使用“--”连接(double underscore)（就是这个玩意是什么？是干啥的？比如登录帐号用户名，那就是username，也就是login__form--username）  

 【短横线 - ，可以作为复合单词的界定】