我想知道定义一个以这样的数字开头的css变量是否有效,
:root { --1space: 32px; }
这在 Chrome 上工作得很好,但是https://jigsaw.w3.org/css-validator/没有验证该代码,而且 VSCode 在变量名称下绘制了一条红线。
如果 css 变量名是 idents,那么从这个图表中以数字开头应该没问题;
是的,它是有效的。如果我们遵循规范中的定义:
自定义属性是名称以两个破折号 (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] 删除。
我来说两句