import-removal.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-cascade/import-removal.html - WPT Dashboard Interop Dashboard

<!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>