提问人：Ahmet Sali 提问时间：4/4/2021 最后编辑：TylerHAhmet Sali 更新时间：10/12/2022 访问量：1071
css 变量名称可以以数字开头吗？
Can a css variable name start with a number?
问：
我想知道定义一个以这样的数字开头的css变量是否有效，
:root { --1space: 32px; }
这在 Chrome 上工作得很好，但是该代码没有被验证 https://jigsaw.w3.org/css-validator/ VSCode 也在变量名称下画了一条红线。
如果 CSS 变量名称是 idents，那么通过此图以数字开头应该是可以的;
答：
6赞
Temani Afif
4/4/2021
#1
是的，它是有效的。如果我们遵循选矿中的定义：
自定义属性是名称以两个短划线 （U+002D HYPHEN-MINUS） 开头的任何属性，如 .生产与此相对应：它被定义为以两个破折号开头的任何有效标识符
--foo<custom-property-name>
和
标识符
CSS 源代码的一部分，其语法与 .也出现在 中，带有 “id” 类型标志和 的单位。
<ident-token><at-keyword-token><function-token><hash-token><dimension-token>
:root {
--2222:red;
}
body {
background:var(--2222);
}
评论