爲什麼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中工作，雖然這個瀏覽器聲稱有相同的選擇器限制。