это правильное название bem? - PullRequest
Новая
       19

это правильное название bem?

0 голосов
/ 27 ноября 2018

Это правильное именование с использованием соглашения bem?использовать сжатие в элементе 

 <nav class="navigation">
      <div class="navigation__collapse">
          <div class="navigation__collapse-button"><i class="fa fa-bars"></i></div>
          <div class="navigation__collapse-menulist"></div>
      </div>
 </nav>

или не использовать сжатие в элементе 

<nav class="navigation">
      <div class="navigation__collapse">
          <div class="navigation__button"><i class="fa fa-bars"></i></div>
          <div class="navigation__menulist"></div>
      </div>
 </nav>

1 Ответ

0 голосов
/ 29 ноября 2018

Если вы собираетесь использовать элементы -button и -menulist только внутри элемента __collapse, было бы неплохо добавить к ним префикс collapse-, как в первом примере.

Другой трюк может состоять в том, чтобы начать новый блок внутри компонента navigation, который называется просто «свернуть» следующим образом: 

<nav class="navigation">
    <div class="collapse">
        <div class="collapse__button"><i class="fa fa-bars"></i></div>
        <div class="collapse__menulist"></div>
    </div>
</nav>

Это может означать, что компонент «разрушение» может использоваться вне «навигации»."иногда.

Для меня это всегда зависит от того, какие отношения между блоками я хочу подчеркнуть .

Основываясь на моем опыте, многие люди могут сделать этокак и во втором примере, просто потому, что перемещение элементов вокруг или оборачивание их в другом компоненте в «навигации» в будущем может быть менее проблематичным (не потребует изменения имени).

PS: Вот хорошийпрочитайте , связанный с этой темой.

...