BEM methodology (html class)

Question

BEM methodology (html class)

<ul class="menu">
  <li class="menu-item">
    <a href="#" class="menu-link>
      <img src="img.png" class="menu-link__icon">  
    </a>
  </li>
</ul>

Is it correct if inside the .menu-item block, the child element inherits the class of the parent block .menu

0

классы бэм

Author: Лукас, 2020-06-04

Source

1 answers

score 1 · Answer 1

It seems to me, according to BEM, it would be correct to do so:

<nav class="menu">
  <ul class="menu__list">
    <li class="menu__item"><a class="menu__link" href=""></a></li>
    <li class="menu__item"><a class="menu__link" href=""></a></li>
    <li class="menu__item"><a class="menu__link" href=""></a></li>
  </ul>
</nav>