작년에 " IE의 CSS 스타일 시트에 대한 제한 사항 및 해결 방법 "의 4조에 "CSS 파일은 288kb를 초과할 수 없습니까?"라는 내용이 요약되어 있었는데, 이는 당시 재현되지 않았던 질문이었으며 해당 참조는 Internet Explorer에서 나온 것입니다. CSS 파일 크기 제한. 오늘 저는 마침내 CSS에서 IE의 또 다른 제한 사항을 확인했습니다. 즉, IE의 각 스타일 태그 또는 CSS 파일에 대한 선택기 수가 4095를 초과할 수 없다는 것입니다. 사실 스타일 속성에도 이런 제한이 있어야 하는데 실제로는 거의 불가능합니다. 이 제한은 IE6, IE7 및 IE8에 존재합니다. 4095 선택기 제한에 대해서는 IE의 DEMO를 참조하세요.
DEMO의 Style.css 에는 4913개의 선택기가 있고 크기는 554kb이지만 IE에서는 4095개의 선택기 이후에는 실패하므로 IE의 CSS 파일에는 288kb의 제한이 없음을 의미합니다.
따라서 addRule 메소드 와 cssText 속성을 사용하여 IE의 스타일 태그에 스타일을 추가할 때 이러한 제한 사항이 발생할 수 있습니다. 예를 들어 addRule 메소드를 사용하여 4096번째 선택기를 추가하면 " Invalid Argument " 예외가 보고됩니다.