css - 字母小写，单词用连字符分隔的命名约定的名称是什么？

Question

我注意到一些流行的命名约定已经被命名，以便更容易地交流它们。两个例子是 Pascal Case 和 Camel Case。

我想知道我在 CSS 中看到的约定是否有一个通用名称。在此命名约定中，所有字母均小写，单词用连字符分隔。我不知道这个约定是否是特定于 CSS 的。

具有此约定的名称示例：

• 红车
• 票
• xml代码

Answer 1

我在 AngularJS 文档中看到了术语“脊椎大小写”来描述这种命名约定。

没有做进一步的调查，我无法确认这个名字是否被广泛采用......

Answer 2

我认为这个命名约定没有（常用的）特殊术语。因此，只需为其使用一个自我描述的名称，例如：

• 带破折号/连字符的小写字母
• 连字符小写
• 连字符分隔的小写单词

Answer 3

取自这篇很棒的文章'namespacing' CSS classes 是保持它们自包含和模块化的好方法。它还有助于最大限度地减少现有类发生冲突的可能性并降低特异性。下面的例子：

/* High risk of style cross-contamination */
.widget { }
.widget .title { }

/* Low risk of style cross-contamination */
.widget { }
.widget-title { }

虽然我认为这是一篇关于 CSS 架构的好文章，但这里提到的绝对不是命名约定，而是在 CSS 中使用它们的最佳实践。