host-with-default-namespace-001.html (779B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Test: :host ignores default namespace</title> 4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 5 <link rel="help" href="https://drafts.csswg.org/css-scoping/#host-element-in-tree"> 6 <link rel="help" href="https://drafts.csswg.org/selectors-4/#featureless"> 7 <link rel="help" href="https://bugzil.la/1546375"> 8 <link rel="match" href="reference/green-box.html"> 9 <p>Test passes if you see a single 100px by 100px green box below.</p> 10 <div id="host"></div> 11 <script> 12 document.getElementById("host").attachShadow({ mode: "open" }).innerHTML = ` 13 <style> 14 @namespace url(http://www.w3.org/2000/svg); 15 :host { background-color: green; width: 100px; height: 100px; } 16 </style> 17 `; 18 </script>