IE8 CSS selector limit

IE8의 경우 css 파일하나당 셀렉터 4095개 갯수제한이 들어가있다.

css 파일 내에 셀렉터의 총 갯수가 4095개가 넘는 순간 해당 css파일은 IE8에의해 로딩되지 않고, 렌더링에 사용되지 못하기때문에 페이지 레이아웃이 전부 깨지게 된다.

일반적으로 파일하나에 4095개가 넘는 css를 정의하는 경우는 많지 않지만, gruntgulp등의 빌드 엔진의 플러그인들을 통해 여러개의 css파일들을 하나로 병합(merge)해서 사용하는 경우 문제가 될 소지가 다분하다.
많이 쓰이는 bootstrap의 css 셀렉터 갯수만 해도 약 3000개가 넘어가기때문에, bootstrap과 다른 몇몇 css만 병합해도 바로 문제가 발생하니 주의해서 사용해야 한다.

따라서 IE8을 지원하려면 merge된 css의 셀렉터 갯수를 체크해서 문제가 없는지 확인해야한다.
selector counter

사용해 보진 않았지만 자동으로 css셀렉터 갯수를 세어서 자동으로 쪼개주는 도구도 존재하니 필요한경우 사용하면 좋을것 같다. http://blesscss.com