html - 边界元。元素可以包含 block 吗?

标签 html css bem

这是我的 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>

在这种情况下,我将 block list 放在元素 menu__item 中。

我想知道,这合法吗?

最佳答案

根据 BEM 的文档,我们可以嵌套 block 。 IE。一个 block 中可以有另一个 block 。 唯一的条件是子 block 应该独立于父 block 。

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

关于html - 边界元。元素可以包含 block 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56053387/

相关文章:

javascript - 垂直对齐另一个 div 内的文本 div

css - 无法使用图标从 UL 列表中删除元素符号点

bem - 我想知道 rscss 和 bem 的区别

html - 为什么不总是使用 enctype ="multipart/form-data"?

html - 如何在现有网站/导航上创建下拉菜单?

javascript - Google 云端硬盘应用程序 : How can i get my HTML file to read a varitable defined in code. gs?

html - BEM:如何确保正确类(父 block )的规则优先?

javascript - 在 `.attr()` 范围之外使用 jQuery `.each()` - 可能吗?

html - CSS Sprite + 背景大小 :cover

regex - 以正则表达式为目标的类名的简写