5

例如，我可以有一个这样命名的 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%;
      }
4

1 回答 1

12

在 CSS 中，属性名称是 idents，并且 idents 不能包含句点。它们只能包含字母、数字、连字符减号和下划线。因此，属性名称不能包含句点，自定义属性名称也不能包含句点。

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

于 2017-02-18T04:25:43.547 回答