import-removal.html (841B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title></title> 4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-cascade/#at-import"> 6 <link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=235930"> 7 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> 8 <meta name="assert" content="Checks that the page is rendered correctly when @import rule is removed with JS."> 9 <p>Test passes if there is a filled green square.</p> 10 <div style="width:100px; height:100px;"></div> 11 <script> 12 const style = document.createElement("style"); 13 document.head.append(style); 14 const {sheet} = style; 15 sheet.insertRule("@import url('data:text/css,div { background: red !important }');"); 16 sheet.insertRule("div { background: green }", 1); 17 sheet.deleteRule(0); 18 </script>