BEM元素和块在同一个DOM节点上

Question

在同一DOM节点上使用元素和块类名是否正确，如下例所示？

<div class="b-panel">
   <div class="b-panel__head"></div>
   <div class="b-panel__body"></div>

   <!-- b-nav is an individual block but also element of b-panel -->

   <div class="b-nav b-panel__nav">
      <a href="#" class="b-nav__prev">Prev</a>
      <span class="b-nav__label">Label</span>
      <a href="#" class="b-nav__next">Next</a>
   </div>

</div>

感谢。

Answer 1

是的，它是混合：

  

您还可以使用块的BEMHTML模板将元素与块混合。让我们指定货物块中的每个项目元素与头块具有相同的格式。为此，您需要将货物块中的每个项目与来自j库的块块混合。 [来源：a tutorial from bem.info]

在您的代码中：

<div class="b-panel">
   <div class="b-nav b-panel__nav"></div>
</div>

内部DOM元素是块b-nav和元素b-panel__nav的混合。