Undefined CSS variableUndefinierte CSS-Variable
Eine benutzerdefinierte CSS-Eigenschaft (Variable) wird referenziert, ist aber nicht definiert.
Was verursacht diesen Fehler
Die Funktion var() referenziert eine benutzerdefinierte Eigenschaft (--my-var), die im aktuellen Gültigkeitsbereich oder in keinem übergeordneten Element definiert ist. Benutzerdefinierte Eigenschaften folgen den CSS-Vererbungs- und Gültigkeitsbereichsregeln.
So beheben Sie ihn
Definiere die benutzerdefinierte Eigenschaft auf :root oder dem passenden übergeordneten Element. Verwende einen Fallback-Wert: var(--my-var, fallback). Prüfe den Namen der benutzerdefinierten Eigenschaft auf Tippfehler.
Beispiel
div { color: var(--undefined-var); }Verwandte Fehlercodes
Invalid property valueUngültiger Eigenschaftswert
Der einer CSS-Eigenschaft zugewiesene Wert ist für diese Eigenschaft nicht zulässig.
Shorthand property overrideÜberschreibung durch Kurzschreibweise
Eine CSS-Kurzschreibweise setzt zuvor durch Langform-Eigenschaften gesetzte Werte zurück.
Unrecognized at-ruleUnbekannte At-Regel
Der CSS-Parser erkennt die @-Regel nicht.
Invalid grid templateUngültige Grid-Vorlage
Der Wert von grid-template-columns oder grid-template-rows hat eine ungültige Syntax.
Unexpected tokenUnerwartetes Token
Der CSS-Parser ist auf ein unerwartetes Zeichen oder Token gestoßen.
Duplicate selectorDoppelter Selektor
Derselbe Selektor erscheint mehrfach im Stylesheet.