IE9가 많은 선택기와 함께 CSS를 적용하지 않는 이유는 무엇입니까?

Question

IE9에 관련된 문제가 발생했으며이를 해결하기 위해 도움이 필요합니다. 우리는 SCSS를 프로젝트에 사용하고 프로젝트가 성장함에 따라 때때로 우리는 깊은 나무가있는 파일이있는 것처럼 보입니다.

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

문제를 해결 .H 클래스를 제거 : 여기

은 (이 후 스타일처럼 보인다 전혀 적용되지 않습니다) 페이지의 레이아웃을 깨 SCSS 건설입니다. 클래스 .f를 제거하면 문제가 해결됩니다.

이 건설 IE9

도 좋아하지 않는다 :

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

어떤 이유가 될 수 있을까? 문제가 클래스 이름의 길이에 의존하지 않는지 확인했습니다.

Answer 1

조사해 주셔서 감사합니다. jsFiddle 예제를 업로드하기위한 CSS 파일을 최소화하면서 문제를 해결했습니다. 실제로 우리는 스타일 시트 당 4096 셀렉터의 IE 제한을 초과했기 때문에 레이아웃에 문제가 발생했습니다. 나는 여전히 IE8에서 동일한 CSS 파일이 작동하는 이유를 이해하지 못한다.하지만이 브라우저는 동일한 선택기 제한이 있다고 주장한다.