Question

我遇到了一个特定于IE9的问题，需要一些帮助才能找到它的根源。我们在项目中使用SCSS，随着项目的增长，我们有时会看到一个包含深树的文件。

这是破坏页面布局的SCSS结构（看起来像这个之后的样式根本没有应用）：

.a {
  ...
  .b {
    ...
    .c, .d, .e, .f {
      ...
      .g {
        ...
        .h {
          ... 
        }
      }
    }
  }
}

删除类.h可以解决问题。删除类.f也可以解决问题。

这个构建IE9也不喜欢：

.a {
  ...
  .b {
    ...
    .c, .d, .e {
      ...
      .g {
        ...
        .h {
          ... 
        }
        .i {
          ... 
        }
      }
    }
  }
}

可能是什么原因？我已经检查过问题不依赖于类名的长度。

Answer 1

谢谢大家的调查。我已经解决了这个问题，同时最小化了用于将示例上传到jsFiddle的css文件。实际上我们超出了每个样式表4096个选择器的IE限制，这导致了布局问题。我仍然不明白为什么同样的css文件在IE8中工作，尽管这个浏览器声称具有相同的选择器限制。

为什么IE9不适用于许多选择器的css？

1 个答案: