符合 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 只是一个修饰符名称。
这段代码是否违反了 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 只是一个修饰符名称。