- 块__元素–修饰符
page__button–primary - 每个部分内部使用-连接
page-header__button–primary - 多个修饰符
page-header__button–primary-light-active - 没有块
circle-button–primary - 组合使用
<div class="page"> <div class="page-header"> <button class="page-header__button--sure"></button> <button class="page-header__button--cancel"></button> </div> <div class="page-content"> </div> <div class="page-footer"></div> </div>