Sind in CSS-Variablennamen Perioden erlaubt?

Question

Zum Beispiel könnte ich eine CSS-Variable mit dem folgenden Namen haben: --Button.onHover?

Beachten Sie, dass sich CSS-Variablen von CSS-Selektoren unterscheiden (ich muss dies erklären, weil jemand dies als Duplikat markiert hat). Hier ist ein Beispiel aus dem Modul 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

In CSS Eigenschaftsnamen sind idents und idents können keinen Punkt enthalten. They may only contain letters, numerals, the hyphen-minus and the underscore. Daraus folgt, dass Eigenschaftsnamen keinen Punkt enthalten können, und auch keine benutzerdefinierte Eigenschaftsnamen.

Daher ist --Button.onHover kein gültiger Name für eine benutzerdefinierte Eigenschaft (oder ein Name für eine CSS-Variable oder wie immer Sie ihn nennen möchten).