BEM 命名方法中的服务块是什么?

问题描述 投票:0回答:1

bem 元素规则说。

创建元素 如果一段代码不能在没有父实体(块)的情况下单独使用。

例外的是必须将元素分成更小的部分——子元素——以简化开发。在 BEM 方法中,您不能创建元素的元素。在这种情况下,您需要创建一个服务块,而不是创建一个元素。

问题:谁能告诉我BEM中service block的含义?

html css bem
1个回答
0
投票

它只是一个 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 {}
© www.soinside.com 2019 - 2024. All rights reserved.