BEM.Могут ли элементы содержать блоки?

Question

Вот мой HTML

<ul class="menu">
  <li class="menu__item">
    <a href="" class="menu__link"></a>
  </li>
  <li class="menu__item">
    <ul class="list"> // can I place this block inside here?
      <li class="list__item">
        ...
      </li>
      <li class="list__item">
        ...
      </li>
    </ul>
  </li>
</ul>

В этом случае я помещаю блок list внутри элемента menu__item.

Интересно, это законно?

Answer 1

Да, это действительно. См. Пример из раздела Nested Lists in - https://html.com/lists/.

Answer 2

Согласно этой документации от BEM, мы можем вкладывать блоки.Т.е. в блоке может быть другой блок.Единственное условие - дочерние блоки должны быть независимыми от родительских.

https://en.bem.info/methodology/block-modification/#placing-a-block-inside-another-block