Разрешены ли периоды в именах переменных 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 имена свойств твенные и твенные не может содержать период. They may only contain letters, numerals, the hyphen-minus and the underscore. Итак, из этого следует, что имена свойств не могут содержать период, и ни один из них не может содержать пользовательские имена.

Таким образом, --Button.onHover не является допустимым именем пользовательского свойства (или именем «переменная CSS» или тем, что вы хотите назвать).