top-level-parent-pseudo-specificity.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-nesting/top-level-parent-pseudo-specificity.html - WPT Dashboard Interop Dashboard

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