干净康乃馨

文章
7
资源
0
加入时间
2年10月17天

【前端开发】CSS BEM命名规范1、BEM2、实战3、总结

BEM其实是块(block)、元素(element)、修饰符(modifier)的缩写,利用不同的区块,功能以及样式来给元素命名。通过bem规范来命名元素,可以使得我们对于元素的命名更加规范,见名知意,便于项目后期的维护和样式提取。这是饿了么官网的卡片组件的代码,我们来分析以下这个组件的命名。首先对于BEM中的,更高级别的抽象或组件,这里是,表示饿了么的card卡片组件。Element代表 block 的后代(或者组成部分),用于形成一个完整的 block 的整体。对于,它的Element有卡片