tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

host-descendant-003.html (702B)


      1 <!doctype html>
      2 <meta charset="utf-8">
      3 <title>:host combined with :not</title>
      4 <link rel="help" href="https://drafts.csswg.org/selectors/#featureless">
      5 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
      6 <style>
      7 my-host {
      8  display: block;
      9  width: 100px;
     10  height: 100px;
     11  background: red;
     12 }
     13 </style>
     14 <p>Test passes if there is a filled green square.</p>
     15 <my-host id="host"></my-host>
     16 <script>
     17  host.attachShadow({mode: "open"}).innerHTML = `
     18    <style>
     19      :host > div {
     20        background-color: red;
     21        width: 100%;
     22        height: 100%;
     23      }
     24      :host > :not(span) {
     25        background-color: green;
     26      }
     27    </style>
     28    <div></div>
     29  `;
     30 
     31 </script>