根据 BEM，SASS 中的类命名标准应该是什么？类名应该以大写字母还是小写字母开头？

Question

根据BEM，SASS中的类命名标准应该是什么？类名应该大写还是小写？

Answer 1

一般来说，类名以小写字母开头。 Sass 建议使用带有破折号的所有小写字母进行分隔。 例如： HTML

<nav class="c-menu c-menu--horizontal">
   <div class="c-menu__item c-menu__item--first">
    <span class="c-menu__link">Link 1</span>
  </div>
  <div class="c-menu__item">
    <span class="c-menu__link">Link 2</span>
  </div>
  <div class="c-menu__item menu__item--last">
    <span class="c-menu__link">Link 3</span>
  </div>
</nav>
SASS with BEM methodolody

.c-menu
  //...

  &__item
    // ..

  &__item--first
    // ..

  &__item--last
    // ..

  &__link
    // ..

.menu--水平 //... 。菜单 ＆__物品 //..

.c-menu 中的 c 代表组件，它是非常有用的命名空间技术的一部分。有关此主题的精彩文章，请参见此处。总而言之，我们的 HTML 和 CSS 看起来不错，但 BEM 与 Sass 一起使用时会大放异彩。