CSS変数名にピリオドは使用できますか？

Question

たとえば、次のようなCSS変数を使用できますか： --Button.onHover？

CSS変数はCSSセレクタとは異なることに注意してください（これは誰かがこれを重複としてマークしたためです）。ここではモジュールsuperfly-css-variables-colorsからの例です：

CSSで

 :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

、プロパティ名はidentsであり、identsはピリオドを含めることはできません。 They may only contain letters, numerals, the hyphen-minus and the underscore.したがって、プロパティ名にはピリオドを含めることはできず、いずれもカスタムのプロパティ名は使用できません。

したがって、--Button.onHoverは、有効なカスタムプロパティ名（または「CSS変数」名など）ではありません。