CSS命名规范之BEM-源自Yandex的CSS命名方法论

最新推荐文章于 2023-05-31 16:02:59 发布

老九君

最新推荐文章于 2023-05-31 16:02:59 发布

阅读量1.3k

点赞数

分类专栏： CSS相关

本文链接：https://blog.csdn.net/LaoJiuJun/article/details/98511083

版权

BEM即块(Block)、元素(Element)、修饰符(modifier)，是由著名的俄罗斯搜索引擎团队Yandex提出的一种前端命名方法论。BEM命名约定更加严格，而且包含更多的信息，一般用于团队开发一个耗时的大项目中。
我们常见的BEM命名方式一般都是经过改良的，本文介绍的是Nicolas Gallagher（Twitter前端工程师）的改进版。
命名约定的格式如下：

.block{
    ... }           /* 代表更高级别的抽象或组件 */
.block__element{
    ... }  /* 代表.block的后代，用于形成一个完整的block整体 */
.block--modifier{
    ... } /* 代表block的不同状态或不同版本 */