css - BEM：块与布局的分离

Question

假设我必须在 BEM 中定义一个标头块。标题需要一些缩进（填充，边距），但布局应该与组件分开也是一个普遍的理解。

问题是，我应该将缩进指定为标题块 CSS 的一部分，还是应该只由周围的块（布局块或网格）提供？两种方法都有其优缺点。

Answer 1

您可以在同一个 DOM 节点上混合几个块（或块和其他块的元素）。

例如<div class="header layout__header">。

Answer 2

如果您指定标题块的缩进会更好，因为您需要做的工作更少并保持一致性。