将修饰符样式应用于块或元素的最佳实践
Best practice to apply a modifier style to a block or an element
我有一个问题，即使用 ABEM 方法对 CSS 格式化和 class 命名将样式应用于块或元素的最佳方法是什么。
我正在使用 WordPress 开发一个网站，我选择使用 SCSS 并使用 ABEM（原子）方法进行 BEM（块、元素和修饰符）格式化和 class命名技术。我知道我不应该直接向元素添加修饰符，所以不能像这样：<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?
对我来说，没有理由在你的情况下使用修饰符，所以直接在 a-col 上声明填充是可行的。
BEM 中的块在这里使您的 CSS 的一部分可重用，无论使用上下文如何。
但是，有时，您将不得不处理特殊情况。例如，在特定情况下，块应该更暗或更小。这就是为什么我们有修饰符。
你的情况：
- 您只想重复使用填充？
=> 你应该创建一个块
- 这是一列，您已经为它准备了一个块，但是这个应该有一个填充？
=> 你应该创建一个修饰符
我有一个问题，即使用 ABEM 方法对 CSS 格式化和 class 命名将样式应用于块或元素的最佳方法是什么。
我正在使用 WordPress 开发一个网站，我选择使用 SCSS 并使用 ABEM（原子）方法进行 BEM（块、元素和修饰符）格式化和 class命名技术。我知道我不应该直接向元素添加修饰符，所以不能像这样：<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?
对我来说，没有理由在你的情况下使用修饰符，所以直接在 a-col 上声明填充是可行的。
BEM 中的块在这里使您的 CSS 的一部分可重用，无论使用上下文如何。 但是，有时，您将不得不处理特殊情况。例如，在特定情况下，块应该更暗或更小。这就是为什么我们有修饰符。
你的情况：
- 您只想重复使用填充？
=> 你应该创建一个块 - 这是一列，您已经为它准备了一个块，但是这个应该有一个填充？
=> 你应该创建一个修饰符