<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!DOCTYPE html> <title>CSS Test: Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value.</title> <link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au"> <link rel="help" href="http://www.w3.org/TR/css-variables-1/#using-variables"> <link rel="match" href="support/color-green-ref.html"> <style> body { color: red; } @supports (color: 1px var(--a)) { p { color: green; } } </style> <p>This text must be green.</p>