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中,属性名称是标识符,标识符不能包含句点.它们可能只包含字母,数字,连字符和下划线.因此,属性名称不能包含句点,也不能包含自定义属性名称.

因此,--Button.onHover它不是有效的自定义属性名称(或"CSS变量"名称,或任何您想要调用它的名称).