是否可以在CSS ID命名约定中混合使用下划线和破折号（连字符）？

Question

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

Answer 1

是的，这没问题。根据{{​​3}}，命名CSS类的前两条规则是：

• 所有CSS语法在ASCII范围内都不区分大小写（即， [a-z]和[A-Z]是等价的），但不包括的部分除外 CSS的控制。例如，值的区分大小写 HTML属性“id”和“class”，字体名称和URIs所在 超出本规范的范围。特别注意 元素名称在HTML中不区分大小写，但区分大小写 XML。
• 在CSS中，标识符（包括元素名称，类和ID） 选择器）只能包含字符[a-zA-Z0-9]和ISO 10646 字符U + 00A0和更高，加上连字符（ - ）和下划线 （_）;它们不能以数字，两个连字符或连字符开头 接着是一个数字。标识符还可以包含转义字符 和任何ISO 10646字符作为数字代码（见下一项）。对于 例如，标识符“B＆amp; W？”可以写成“B \＆amp; W \？”或“B \ 26 w ^ \ 3F”。

Answer 2

做你想做的事没有问题。引号之间的任何内容都不会被浏览器解析，只会被视为字符串而不会被解释。