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