关于BEM命名

首页课程实战体系课手记专栏慕课教程

关于BEM命名

来源：2-5 CSS设计模式完结（1）

菜卷_

2021-07-07

<div class="main">
      <div class="main__tab main__tab--style1">
      
        <span class="main__tab__span main__tab__span--style1">
          老师好，
          如果这里还有一个span，那么该如何命名呢？
          直接命名成main__tab__span吗？
          再如果需要给它加个修饰符，那么是这样加吗？
          main__tab__span--style1
        </span>
        
      </div>
  </div>

写回答

1回答

小小小

小小小

2021-07-07

这样也行，不过 "__" 用来定义 Element，如果 Element 有多个单词，建议使用 "-"。例如：

main__tab-span main__tab-span--style1

0

1

菜卷_

明白了，谢谢老师

2021-07-08

共1条回复

CSS架构系统精讲理论+实战玩转蘑菇街

解决CSS难维护、难扩展、难复用问题，助力前端工程师弯道超车

564 学习 · 71 问题

相似问题

老师，你看我这样理解设计模式正确吗？

回答 1

关于element-plus的变量覆盖

回答 1

sass代碼問題

回答 1

关于 svg 图标响应式

回答 1

为什么col row要做成插件

回答 1

打开慕课网App查看更多内容