| <!DOCTYPE html> |
| <title>CSS Nesting: Specificity of top-level '&'</title> |
| <link rel="help" href="https://drafts.csswg.org/css-nesting-1"> |
| <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/10196"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <style> |
| /* Note: at the top level, '&' matches like ':root'. */ |
| |
| /* Should have zero specificity: */ |
| & { color: red; } |
| /* Should also have zero specificity: */ |
| :where(&) { color: green; } |
| </style> |
| <script> |
| test(() => { |
| assert_equals(getComputedStyle(document.documentElement).color, 'rgb(0, 128, 0)'); |
| }); |
| </script> |
