符合 BEM 规范

问题描述

代码是否违反了 BEM 规范还是“混合”?

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

这是我感兴趣的课程按钮

解决方法

原则上这不是问题。但是:

您可能希望首先放置 button 类(它似乎定义了更通用的样式),然后放置了 corp-info__button-read-more(似乎代表了更具体的样式)。>

始终在您的类属性中对 bem 类进行从一般到特定的排序。

也许您还想(尽管这是您没有要求的建议)区分 corp-info__button 和相应的修饰符 corp-info__button--read-more。

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