<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>
Lovers of the BEM methodology, do I understand BEM correctly?
There is a general c-catalog
class. All other nested classes should be prefixed с-catalog
?
And if, as in my example, c-catalog__products
, then the elements included in it should be с-catalog__product
or с-catalog__products__item
?
And what if elements appear in the markup that do not affect the logic and structures in any way and are simply needed for the layout, such as .wrapper
.
Is it allowed, or should it also be called via с-catalog
?
thank