问题描述
根据BEM,SASS中的类命名标准应该是什么?班级名称应该以大写字母开头还是小写?
解决方法
一般来说,类名以小写字母开头。 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 一起使用时会发光。