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

Question

例如，我可以使用这样命名的css变量： --Button.onHover？

请注意，CSS变量与CSS选择器不同（我必须解释这一点，因为有人将此标记为重复）。以下是模块how to view R source中的示例：

      :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中，属性名称是标识符，标识符不能包含句点。 They may only contain letters, numerals, the hyphen-minus and the underscore.因此，属性名称不能包含句点，自定义属性名称也不能。

因此，--Button.onHover不是有效的自定义属性名称（或“CSS变量”名称，或者您想要调用它的任何名称）。