为什么IE9不能使用许多选择器的CSS？

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中工作，虽然这个浏览器声称有相同的选择器限制。