css 變量名可以以數字開頭嗎？

Question

我想知道定義一個以這樣的數字開頭的 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

Answer 1

是的，它是有效的。 如果我們遵循規范中的定義：

自定義屬性是名稱以兩個破折號 (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); }