Click here to download the Blitz Browser!

WPT

wpt / css / css-variables / variable-substitution-basic.html

Spec: CSS Variables ↗

Runs: Chrome 155.0.8038.0 (wpt@b1a7025f8, 2026-09-02) | Firefox 157.0a1 (wpt@b1a7025f8, 2026-09-02) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-a7884 (wpt@b1a7025f8, 2026-09-02) | Servo Servo 0.5 (wpt@2ccd2cbf8, 2026-09-01) | Blitz 7727414ca (wpt@a95401e4e, 2026-09-02)

View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi

ChromeFirefoxSafariLadybirdServoBlitz
Total13/1313/1313/1313/1313/1313/13
SubtestChromeFirefoxSafariLadybirdServoBlitz
Simple substitution testPASSPASSPASSPASSPASSPASS
You can't build up a single token where part of it is provided by a variablePASSPASSPASSPASSPASSPASS
You can't build up a single token where part of it is provided by a variable (percentages)PASSPASSPASSPASSPASSPASS
Multiple variable references in a single propertyPASSPASSPASSPASSPASSPASS
Multiple variable references in a single property (no spaces)PASSPASSPASSPASSPASSPASS
Fallback valuePASSPASSPASSPASSPASSPASS
Fallback value which is also a variable referencePASSPASSPASSPASSPASSPASS
Multiple var references in fallback valuePASSPASSPASSPASSPASSPASS
Multiple nested fallbacksPASSPASSPASSPASSPASSPASS
Bad variable reference that should inherit by defaultPASSPASSPASSPASSPASSPASS
Test that var reference doesn’t overwrite !importantPASSPASSPASSPASS
Test that !important on a property that has a variable reference can overwrite !importantPASSPASSPASSPASSPASSPASS
Test that !important inside of var reference can't overwrite !important on propertyPASSPASSPASSPASSPASSPASS
Test that var reference doesn’t overwrite !importantPASSPASS