DRY和BEM澄清

Question

我正在使用BEM方法，但想知道由于它的scss是否看起来很糟糕，并想知道它是否对性能不利。我几次设置“ .description”和“ .title”的样式，但是在不同的修饰符部分中，是否会引起关注？我可以对所有“ .title”和“ .description”使用一个类吗？如果是这样，如何在BEM中使用它？

这是我的scss：

mov edx, esi

感谢您的时间和指导。意味着很多。

Answer 1

我试图“编译”您的sass并得到以下CSS：

.section {}
.section_team .section__title {}
.section_experience .line {}
.section_experience .section__title {}
.section_experience .section__description {}
etc.

BEM方法存在一些问题。 首先，块的修饰符会影响元素。不能肯定这是一个巨大的问题，但是最好直接向元素添加修饰符。但是，如果元素彼此之间不嵌套，那么它们是不可行的。

第二个问题是一个块的修饰符与另一个块.section_experience .line {}相似。优良作法是在这种情况下使用混合物：
代替.section_experience .line {}尝试

Css：

.section__line {}

HTML：

div.section__line.line

---

恕我直言
在我看来，每次调用mixins来添加元素和修饰符都太复杂了。也许，只写&__或&_很容易。