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

是的，它是有效的。请参阅-https://html.com/lists/中Nested Lists 部分的示例。

Answer 2

根据BEM的此文档，我们可以嵌套这些块。即一个块可以包含另一个块。 唯一的条件是，子块应独立于父块。

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