css - BEM: block 与布局的分离

标签 css bem

假设我必须在 BEM 中定义一个 header block 。 header 需要一些缩进(填充、边距),但布局应与组件保持分离也是一种普遍理解。

问题是,我应该将缩进指定为标题 block CSS 的一部分,还是应该仅由周围的 block (布局 block 或网格)提供?这两种方法各有利弊。

最佳答案

您可以在同一个 DOM 节点上混合几个 block (或 block 和其他 block 的元素)。

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

关于css - BEM: block 与布局的分离,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17675874/

相关文章:

javascript - webkitTransitionEnd 在重绘/回流之前被触发

javascript - 基于字符出现的 CSS 选择器?

css - 如何将变换原点设置为元素上的特定点?

html - 作用域样式对 BEM 中的 block 和元素的影响

css - 主要有不同的颜色组合

javascript - 粘贴修复 contenteditable

css - Bootstrap 3 使右列在左列下方移动

css - 如何正确混合Bootstrap和BEM?

css - BEM:将修饰符添加到已经存在的修饰符