ラッパーが必要な 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 でラッパーを処理するにはどうすればよいでしょうか。