css - css 变量名可以以数字开头吗？

Question

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

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

这适用于 Chrome，但是https://jigsaw.w3.org/css-validator/没有验证该代码，VSCode 在变量名下画了一条红线。

如果 css 变量名称是 idents，那么应该可以通过该图以数字开头；

score 2 · Accepted Answer

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

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

和

标识符

CSS 源代码的一部分，与<ident-token>. 也出现在<at-keyword-token>,中<function-token>，<hash-token>带有“id”类型标志，单位<dimension-token>.

:root {
 --2222:red;
}

body {
  background:var(--2222);
}

1 回答 1