bem 元素规则说。
创建元素 如果一段代码不能在没有父实体(块)的情况下单独使用。
例外的是必须将元素分成更小的部分——子元素——以简化开发。在 BEM 方法中,您不能创建元素的元素。在这种情况下,您需要创建一个服务块,而不是创建一个元素。
问题:谁能告诉我BEM中service block的含义?
它只是一个 BEM 块,但创建它是为了将您的代码分成更小的部分。
所以,而不是这个:
<ul class="list">
<li class="list__item">
<p class="list__item-title">lorem ipsum</p>
<p class="list__item-copy">dolor sit amet</p>
</li>
</ul>
list.css:
.list {}
.list__item {}
.list__item-title {}
.list__item-copy {}
你可以这样做:
<ul class="list">
<li class="list-item list__item">
<p class="list-item__title">lorem ipsum</p>
<p class="list-item__copy">dolor sit amet</p>
</li>
</ul>
list.css:
.list {}
.list__item {}
list-item.css:
.list-item {} <-- service block
.list-item__title {}
.list-item__copy {}