ABEM是否直接在元素上添加修饰符？

Question

我开始学习有关CSS格式的更多信息，现在我选择了ABEM与SCSS一起使用来开发WordPress网站。

然后直接添加修饰符来表示h1块是否有效？像这样：

HTML

<h1 class="-green">To make the text green.</h1>

CSS

.-green {
 color: green;
}

还是我需要在添加块或元素之前对其进行修改？ 像这样：

HTML

<h1 class="a-heading_text -green">To make the text green.</h1>

CSS

.a-heading_text.-green {
 color: green;
}

Answer 1

ABEM是BEM变体和孤独改性剂不会BEM兼容。您的第二个选择是正确的选择：“需要先添加块或元素，然后才能对其进行修改”。。

如果要出于简单目的创建独立的帮助器，则它不是修饰符，而是一个块：

<h1 class="green">To make the text green.</h1>

使用CSS：

.green {
  color: green;
}

此辅助块当然可以是mixed与其它模块或元件。以下代码有效：

<h1 class="a-heading_text green">To make the heading text green.</h1>