<html>
<head>
<title>HIERARCHY_REQUEST_ERR raised if @import rule inserted after a regular rule</title>
<style type="text/css">
body {color: Blue; }
div {color: Red; }
</style>
<script>
if (window.testRunner)
window.testRunner.dumpAsText();
</script>
</head>
<body>
<div>This text should be red and the page should have no other style.</div>
<div id="testresult">Fail</div>
<script type="text/javascript">
try
{
document.styleSheets[0].insertRule("@import url(testStyle1.css);", 1);
}
catch(e)
{
if(window.getComputedStyle(document.body, "").getPropertyValue("background-color") == "rgba(0, 0, 0, 0)" && document.styleSheets[0].cssRules.length == 2)
{
document.getElementById("testresult").innerHTML = "Pass";
}
}
</script>
</body>
</html>