BEM 和 SUIT CSS 命名约定之间的差异 [关闭]

Posted 2023-02-23

【中文标题】BEM 和 SUIT CSS 命名约定之间的差异 [关闭]

【英文标题】：The differences between BEM and SUIT CSS naming conventions [closed]

【发布时间】：2015-09-02 18:11:44

【问题描述】：

BEM 和 SUIT CSS 命名约定有什么区别？

【问题讨论】：

@Paulie_D 好吧，我特别要求提供意见之外的示例。我对听到某人关于为什么他们更喜欢一个而不是另一个的意见的兴趣为零！

问题是我不知道 BEM 和 SUIT CSS 命名约定之间的区别。这是一个有明确答案并且与编程相关的东西，因此它非常热门。

【参考方案1】：

据 bem.info (source)：

我们使用连字符来分隔长名称 […] 中的单词，并使用两个下划线来分隔块名称和元素名称 […]

但您可以使用任何其他分隔符。

因此，可以将 BEM 与另一种语法一起使用。 SUIT CSS 的语法是 BEM 的有效替代语法。

此外，Nicolas Gallagher 将 blocks (BEM) 重命名为 components (SUIT)，并将 elements (BEM) 重命名为 descendants（西装）。

另一个更适合某些类型的项目吗？

如果您计划使用完整的 BEM 方法（例如，请参阅 this article），包括来自 Yandex 的工具，请保留原始 BEM 约定。

否则，这取决于您的喜好。