css 变量名可以以数字开头吗?

艾哈迈德·萨利

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

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

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

如果 css 变量名是 idents,那么从这个图表中以数字开头应该没问题;

https://www.w3.org/TR/css-syntax-3/#ident-token-diagram

陪伴阿菲

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

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

并且

标识符

与 .css 文件具有相同语法的 CSS 源代码的一部分<ident-token>也出现在<at-keyword-token>, 中<function-token><hash-token>带有“id”类型标志,单位为<dimension-token>

在此处输入图片说明

:root {
 --2222:red;
}

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章