host-in-host-context-selector.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-scoping/host-in-host-context-selector.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>CSS Scoping: :host-context(:host)</title>

<link rel="help" href="https://drafts.csswg.org/css-scoping/#host-selector">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<div id="host">

  <template shadowrootmode="open">

    <style>

      /* Should not match */

      :host-context(:host) {

        --x:FAIL;

    </style>

  </template>

</div>

<script>

  test(() => {

    assert_equals(getComputedStyle(host).getPropertyValue('--x'), '');

});

</script>