Как правильно написать по бэм?

Question

[MRcracker]

<div c;ass="menu">
    <div class="menu__icon">
                   <span></span>
                   <span></span>
                   <span></span>
               </div>
         </div>
</div>

По правилам методологии БЭМ мне нужно для каждого span задать класс  или в css можно прописать "menu__icon span"?

Comments

[Сергей delphinpro]

По правилам - нужно задать класс.
В реале в данном случае это излишне.

Answer 1

[paramid]

<div class="menu">
    <div class="menu__icon">
                   <span class="menu__icon-span1"></span>
                   <span class="menu__icon-span2"></span>
                   <span class="menu__icon-span3"></span>
               </div>
         </div>
</div>

Comments

[Максим]

вроде бы везде должно быть два тире либо подчеркивания , типа :

menu -блок
menu__icon -элемент
menu__icon--span -модификатор

так же да ?

Answer 2

[Егор Живагин]

Насколько я понимаю, правильнее будет так:

<div class="menu">
    <div class="menu__icon">
                   <span class="menu__span"></span>
                   <span class="menu__span"></span>
                   <span class="menu__span"></span>
               </div>
         </div>
</div>