Как правильно обратиться к классу в моем случае (BEM)?

168

13 марта 2018, 00:49

Написал для наглядности часть меню с выпадающим списком, хочу понять следующее:

Верно ли написаны классы, если брать в расчет BEM?

    <li class="item">
        <a class="item__link">123</a>
        <ul class="dropdown">
            <li class="dropdown__item">
                <a class="item__link">123</a>
            </li>
        </ul>
    </li>
</ul>

Правильно ли так обращаться к классу исходя из BEM?

.container-menu .container-menu__list > .item {}

.container-menu .container-menu__list > .item > .dropdown > .dropdown__item {}

Answer 1

Например, вот так:

<div class="dropdown">
  <ul class="dropdown__items">
    <li class="dropdown__item">
      <a href="#" class="dropdown__link">        
      </a>
      <ul class="dropdown__items">        
      </ul>
    </li>
  </ul>
</div>