wpt / css / css-nesting / top-level-parent-pseudo-specificity.html

Status: PASS | Duration: 49ms | Subtests: 1/1 | Open test on wpt.live | wpt.fyi

TestTest Source

/css/css-nesting/top-level-parent-pseudo-specificity.html

<!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>