<div class="c-catalog">
<div class="c-catalog__header">Каталог</div>
<div class="c-catalog__products">
<div class="wrapper">
<div class="c-catalog__product">
<img src="img/product.jpg" class="c-catalog__product__img">
<p class="c-catalog__product__describe"></p>
</div>
<div class="c-catalog__product"></div>
<div class="c-catalog__product"></div>
</div>
<div class="wrapper">
<div class="c-catalog__product"></div>
<div class="c-catalog__product"></div>
</div>
</div>
</div>
Любителям БЭМ-методологии, правильно ли я понимаю БЭМ?
Есть общий класс c-catalog
.
Все остальные вложенные классы должны быть с префиксом с-catalog
?
А если как в мое примере, появился c-catalog__products
, то входящие в него элементы должны быть с-catalog__product
или с-catalog__products__item
?
И что если в разметке появляются элементы, которые никак не влияют на логику и структуры и нужны просто для оформления, типа .wrapper
.
Это допускается, или его надо тоже именовать через с-catalog
?
Спасибо