css - 在 CSS ID 命名约定中可以混合使用下划线和破折号(连字符)吗？

Question

我已经向我的团队建议我们使用破折号(连字符)作为我们的类名，但对于 ID，使用下划线将元素标签与 ID 名称的其余部分分开，并且 ID 名称应该是#element_class -名字，所以: <div id="div_generic-name" class="generic-name">Stuff</div>这个方法有错误吗？如果我们混合使用下划线和连字符，会发生什么不好的事情？

Answer 1

是的，没问题。根据 W3C ，命名 CSS 类的最重要的两个规则是:

• 所有 CSS 语法在 ASCII 范围内都是不区分大小写的(即，[a-z] 和 [A-Z] 是等价的)，除了不在下面的部分CSS的控制。例如，值的大小写敏感字体名称和 URI 的 HTML 属性“id”和“class”位于超出本规范的范围。特别要注意的是元素名称在 HTML 中不区分大小写，但在XML。
• 在 CSS 中，标识符(包括元素名称、类和 ID选择器)只能包含字符 [a-zA-Z0-9] 和 ISO 10646字符 U+00A0 及更高版本，加上连字符 (-) 和下划线(_);他们不能以数字、两个连字符或一个连字符开头后跟一个数字。标识符也可以包含转义字符和任何 ISO 10646 字符作为数字代码(见下一项)。为了例如，标识符“B&W?”可以写成“B\&W\?”或“B\26W\3F”。