BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。
命名约定的模式如下:
.block{}
.block__element{}
.block–modifier{}
.block 代表了更高级别的抽象或组件。
.block__element 代表.block的后代,用于形成一个完整的.block的整体。
.block–modifier代表.block的不同状态或不同版本。
比如:
.person{}
.person__hand{}
.person–female{}
.person–female__hand{}
.person__hand–left{}