可能重复:
哪些字符在 CSS 类名中有效?
如果假设是这样,请不要这样做,但是当我指定一个类:.3plans 时,它不会应用样式。但是当我将类名更改为 .plans 时,它会识别样式。这是为什么?请注意,.3plans 类是独一无二的,在我的工作表中没有其他样式,因此不能重复。这种现象是常见的 CSS 做法吗?(不要在样式中使用数字)
可能重复:
哪些字符在 CSS 类名中有效?
如果假设是这样,请不要这样做,但是当我指定一个类:.3plans 时,它不会应用样式。但是当我将类名更改为 .plans 时,它会识别样式。这是为什么?请注意,.3plans 类是独一无二的,在我的工作表中没有其他样式,因此不能重复。这种现象是常见的 CSS 做法吗?(不要在样式中使用数字)
如果class
&ID
从数字开始,则 css 无法识别。但是你可以这样写.plans3
而不是.3plans
.
根据W3c
在 CSS 中,标识符(包括选择器中的元素名称、类和 ID)只能包含字符 [a-z0-9] 和 ISO 10646 字符 U+00A1 及更高,加上连字符 (-) 和下划线 (_) ; 它们不能以数字或连字符后跟数字开头。标识符还可以包含转义字符和任何 ISO 10646 字符作为数字代码(请参阅下一项)。例如,标识符“B&W?” 可以写成“B\&W\?” 或“B\26 W\3F”。
查看此讨论以获取更多信息哪些字符在 CSS 类名/选择器中有效?
这让我困惑了一段时间,直到有人指出这一点。来自 W3C:
在 CSS2 中,标识符(包括选择器中的元素名称、类和 ID)只能包含字符 [A-Za-z0-9] 和 ISO 10646 字符 161 及更高,加上连字符 (-);它们不能以连字符或数字开头。它们还可以包含转义字符和任何 ISO 10646 字符作为数字代码(请参阅下一项)。例如,标识符“B&W?” 可以写成“B\&W\?” 或“B\26 W\3F”。
基本上,名称必须以下划线 (_)、破折号 (-) 或字母 (a–z) 开头,后跟任意数量的破折号、下划线、字母或数字。
类名可以以数字开头,但是您必须将数字写为转义码:
.\33plans { ... }
33
是字符的十六进制字符代码3
。
W3C CSS 验证服务说:
“在 CSS1 中,类名可以以数字(“.55ft”)开头,除非它是维度(“.55in”)。在 CSS2 中,此类类被解析为未知维度(以允许将来添加新单位) 为了使 "3plans" 成为一个有效的类,CSS2 要求第一个数字被转义 ".\33plans" [3plans]"