CSS变量名可以以数字开头吗？

Question

我想知道定义一个以这样的数字开头的 css 变量是否有效，

:root { --1space: 32px; }

这在 Chrome 上工作得很好，但是该代码没有经过https://jigsaw.w3.org/css-validator/的验证，而且 VSCode 在变量名称下画了一条红线。

如果 css 变量名是 ident 那么在这个图表中以数字开头应该没问题；

Answer 1

是的，它是有效的。如果我们遵循规范中的定义：

\n

\n
自定义属性是名称以两个破折号 (U+002D HYPHEN-MINUS) 开头的任何属性，例如--foo. 产生<custom-property-name>式与此相对应： it\xe2\x80\x99s 定义为以两个破折号开头的任何有效标识符
\n

\n

和

\n

\n
标识符
\n
CSS 源的一部分，其语法与<ident-token>. 也出现在<at-keyword-token>, <function-token>,<hash-token>中带有“id”类型标志，单位为<dimension-token>。
\n

\n

\r\n

:root {\n --2222:red;\n}\n\nbody {\n  background:var(--2222);\n}

\r\n

\n