2

ラッパーが必要な BEM ブロックに名前を付ける最良の方法がわかりません。たとえば、次のマークアップがあるとします。

<div class="products-list">

  <div class="product__item">
    <div class="product__item__title">Product 1</div>
    <img class="product__item__image" />
  </div>

  <div class="product__item">
    <div class="product__item__title">Product 2</div>
    <img class="product__item__image" />
  </div>

</div>

一番上のラッパー (products-list) が少し失われているように感じます。

次のようなものを使用するには明らかに深すぎます。

products-list__product__item__image

では、子要素もラッパーである BEM でラッパーを処理するにはどうすればよいでしょうか。

4

1 に答える 1