<!DOCTYPE html>
<html>
  <head>
    <title>@import rule inside other rules should be ignored.</title>
    <meta name="flags" content="dom"/>
    <script src="../resources/testharness.js"></script>
    <script src="../resources/testharnessreport.js"></script>
    <style id="sheet1">
      @media all {
        @import "resources/import.css";
      }
    </style>
  </head>
  <body>
    <div id="log"></div>
    <div id="box"></div>
    <script>

      var doc = window.document;

      var sheet1 = doc.styleSheets[0];

      test(function(){
        var mediaRule = sheet1.cssRules[0];
        assert_equals(mediaRule.cssRules.length, 0);

      }, 'doc.styleSheets[0].cssRules[0].cssRules.length == 0');
    </script>
  </body>
</html>