css/css-cascade/import-removal.html

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