style-query-guaranteed-invalid.tentative.html (842B)
1 <!DOCTYPE html> 2 <title>CSS Container Queries Test: style() query with guaranteed-invalid value</title> 3 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#style-container"> 4 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/11143"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="support/cq-testcommon.js"></script> 8 <style> 9 #target { background-color: green; } 10 @container --root style(--prop: var(--unknown)) { 11 #target { background-color: red; } 12 } 13 </style> 14 <div id="target"></div> 15 <script> 16 setup(() => assert_implements_style_container_queries()); 17 18 test(() => { 19 assert_equals(getComputedStyle(target).backgroundColor, "rgb(0, 128, 0)"); 20 }, "Querying with a guaranteed-invalid value should evaluate to false"); 21 22 </script>