问题描述
此代码是否违反了 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 只是一个修饰符名称。