其他分享
首页 > 其他分享> > css类名规范BEM用法

css类名规范BEM用法

作者:互联网

  1. 块__元素–修饰符
    page__button–primary
  2. 每个部分内部使用-连接
    page-header__button–primary
  3. 多个修饰符
    page-header__button–primary-light-active
  4. 没有块
    circle-button–primary
  5. 组合使用
     <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>
    

标签:__,BEM,button,修饰符,primary,header,类名,page,css
来源: https://blog.csdn.net/qq_36647210/article/details/116310402