将多个BEM元素应用于HTML元素的类是否可以？

Question

4

我正在按照BEM约定组织我的Web应用程序中的CSS。

我有一个名为item的块和3个元素：item__section，item__title和item__description。

我正在如下使用这些BEM类：

<div class="item">
  <div class="item__section item__title"> ... </div>
  <div class="item__section item__description"> ... </div>
</div>

item__section元素类包含我们在元素之间重用的样式。

这是有效的BEM吗？还是我应该为每种类型的部分（标题和描述）创建item__section的修饰符？

- Chedy2149

2个回答

-1

我认为你不应该这样做。你可以添加混合项，例如：

<div class="item">
  <div class="item__section u-title"> ... </div>
  <div class="item__section u-description"> ... </div>
</div>

但是不要在同一个标签中使用相同块的两个元素，因为这可能会导致特异性问题。

- Boogie

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- tadatuta · Accepted Answer

这是绝对合法的，被称为mix：