出现了以下问题：您可以使用通用 BEM 类为块设置样式，例如：
<div class = 'parent'>
<button class = 'button parent__button'> button </button>
</div>
.button {
border: none;
background: white;
}
.parent__button {
position: relative;
}
或者你可以在 SASS 中使用 mixin 或模板
@mixin button($border, $background) {
border: $border;
background: $background;
}
.parent__button {
@include button(none, white);
}
然后 HTML 将如下所示，没有通用的通用按钮类：
<div class = 'parent'>
<button class = 'parent__button'> button </button>
</div>
这样你就可以用 SASS mixin 或 SASS 模板替换 BEM 修饰符。这可以减轻 HTML 的负担并将其重定向到 CSS。
考虑到这两种方法，如何正确弥补？特别感兴趣的是一个有/有生产经验的人的回答，在这个问题的背景下，商业开发中使用了什么实践？将 BEM 应用于一般块或块元素样式，还是使用 mixin？感谢您参与这场战斗。
