host-defined.html (759B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Shadow host is considered, but does not match :defined</title> 4 <link rel="author" title="Steinar H. Gunderson" href="mailto:sesse@chromium.org"> 5 <link rel="help" href="https://crbug.com/332587538"> 6 <link rel="help" href="https://drafts.csswg.org/selectors/#featureless"> 7 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html"> 8 <p>Test passes if there is a filled green square.</p> 9 <div id="host"></div> 10 <script> 11 host.attachShadow({mode: "open"}).innerHTML = ` 12 <style> 13 :host div { 14 width: 100px; 15 height: 100px; 16 background-color: green; 17 } 18 :not(:defined) div { 19 background-color: red; 20 } 21 </style> 22 <div></div> 23 `; 24 </script>