将修改器样式应用于块或元素的最佳实践

Question

我有一个问题，就是用ABEM方法将样式应用于块或元素的最佳方法是CSS格式和类命名。

我正在使用WordPress的网站上工作，我选择使用SCSS并使用ABEM（原子）方法进行BEM（块，元素和修饰符）格式化和类命名技术。我知道我不应该直接在元素上添加修饰符，而不是这样：<div class="-padding">To achieve some padding </div>。而是执行<div class="a-col -padding">Better way to achieve some padding</div>。这是我的问题：

我应该将-padding添加到a-col（如上）以实现填充，还是应该在a-col块中直接在CSS中对其应用填充？

Answer 1

对我来说，没有理由在您的情况下使用修饰符，因此可以直接在a-col上声明填充。

在BEM中，此块使您的CSS的一部分可重用，而不管其使用情况如何。 但是，有时候，您将不得不处理特殊情况。例如，在特定情况下，块应更暗或更小。这就是为什么我们有修饰符。

在您的情况下：

• 您只想重复使用填充？
  =>您应该创建一个块
• 这是一列，您已经有一个方块，但是该方块应该有填充物吗？
  =>您应该创建一个修饰符