先放官方文档:http://getbem.com/introduction/
BEM 是英文 Blocks,Element and Modifiers 的缩写 (模块,元素,修饰符)
命名方法:
.block__element--modifier {
display: flex;
}
.block--modifier {
display: flex;
}
.block__element {
display: flex;
}
<p class="header">
<p class="header__body">
<button class="header__button--primary"></button>
<button class="header__button--default"></button>
</p>
</p>