参考: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)
【短横线 - ,可以作为复合单词的界定】