!important bei CSS-Variablen

[Gunnar Bittersmann]

@@Matthias Apsel

offensichtlich wird das Schlüsselwort !important bei CSS-Variablen nicht berücksichtigt. […]
Ist das so spezifiziert?

Aber sicher.

“The var() function can be used in place of any part of a value in any property on an element. The var() function can not be used as property names, selectors, or anything else besides property values. (Doing so usually produces invalid syntax, or else a value whose meaning has no connection to the variable.)” [CSS-Variables §3]

!important gehört nicht mit zum Wert: “the delimiter token "!" and keyword "important" follow the declaration” [CSS2.2 §6.4.2]

(Hervorhebungen von mir.)

Hm, was vielleicht so nicht ganz korrekt ist. In der Grammatik [CSS2.2 §G] steht:

declaration
  : property ':' S* expr prio?
  ;

Das heißt: !important folgt dem Wert, gehört aber mit zur Deklaration dazu.

Ich werd bei Gelegenheit mal ein Bug-Ticket erstellen.

!important gehört jedenfalls nicht mit zum Wert dazu; kann also nicht Teil des Werts der custom property sein.

LLAP 🖖