【问题标题】:What is the name of the naming convention in which letters are lowercase and words are separated with hyphens? [duplicate]字母小写,单词用连字符分隔的命名约定的名称是什么? [复制]
【发布时间】:2026-01-13 23:25:02
【问题描述】:

我注意到一些流行的命名约定已被命名,以便于交流。两个例子是 Pascal Case 和 Camel Case。

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

具有此约定的名称示例:

  • 红车
  • 门票
  • xml 代码

【问题讨论】:

    标签: css naming-conventions terminology


    【解决方案1】:

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

    虽然没有进行进一步调查,但我无法确认这个名称是否已被广泛采用......

    【讨论】:

    • 我可以做到这一点。更疯狂的是:周五晚上 10 点 40 分,我喝醉了,问了同样的问题,结果世界上某个地方的另一个人也和我问了同样的问题,而且其他人回答了它。什么世界,什么世界……
    【解决方案2】:

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

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

    【讨论】:

      【解决方案3】:

      取自this great article'namespacing' CSS 类是保持它们自包含和模块化的好方法。它还有助于最大限度地减少现有类发生冲突的可能性并降低特异性。示例如下:

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

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

      【讨论】: