符合 BEM 规范

Compliance with BEM specifications

这段代码是否违反了 BEM 规范或者是“混合”?

<button class="corp-info__button-read-more button">Read More</button>

我感兴趣的是class按钮

原则上是没有问题的。然而:

您可能希望将 按钮 class(它似乎定义了更通用的样式)放在第一位,然后放置 corp-info__button-read-more(似乎代表更具体的样式)。

始终在您的 class 属性中将 classes 从一般到具体排序。

也许您还想(虽然这是您没有要求的建议)区分 corp-info__button 和相应的修饰符 corp-info__button--阅读更多。

在正统的 BEM 中,单个破折号没有语义意义,因此 --read-more 只是一个修饰符名称。