CSS 变量名中是否允许使用句点？

Question

例如，我可以有一个这样命名的 css 变量： --Button.onHover?

请注意，CSS 变量不同于 CSS 选择器（我必须对此进行解释，因为有人将其标记为重复项）。这是模块 superfly-css-variables-colors:

中的示例

      :root {
        --percentage-lightest:  91%;
        --percentage-lighter:   78%;
        --percentage-light:     65%;
        --percentage-median:    52%;
        --percentage-dark:      39%;
        --percentage-darker:    26%;
        --percentage-darkest:   13%;

        --percentage-low: 25%;
        --percentage-high:  50%;

        --percentage-link-hover: 25%;
      }

Answer 1

在CSS中，属性名字是idents，idents不能包含句点。 They may only contain letters, numerals, the hyphen-minus and the underscore. 因此属性名称不能包含句点，custom 属性名称也不能。

因此，--Button.onHover 不是有效的自定义属性名称（或 "CSS variable" 名称，或任何您想称呼的名称）。

CSS 变量名中是否允许使用句点？

Are periods allowed in CSS variable names?

css

css-variables