Internet Explorer’s CSS rules limits

by

Referring the following from Microsoft:

The rules for IE9 are:

  • A sheet may contain up to 4095 selectors (Demo)
  • A sheet may @import up to 31 sheets
  • @import nesting supports up to 4 levels deep

The rules for IE10 are:

  • A sheet may contain up to 65534 selectors
  • A sheet may @import up to 4095 sheets
  • @import nesting supports up to 4095 levels deep

Testing the 4095 rule by sheet limit

By way of confirmation, I’ve created a gist with 3 files. One HTML, and two CSS files.

  • The first file contains 4096 selectors and means that its final selector doesn’t get read in.
  • The second file (4095.css) has one less selector, and gets read in, and works perfectly in IE (even though its already read another 4095 selectors from the previous file.

More Related Contents:

  1. Text in a flex container doesn’t wrap in IE11
  2. In which order do CSS stylesheets override?
  3. Single huge .css file vs. multiple smaller specific .css files? [closed]
  4. IE display: table-cell child ignores height: 100%
  5. IE 6 & IE 7 Z-Index Problem
  6. @font-face works in IE8 but not IE9
  7. Can you use if/else conditions in CSS?
  8. Stylesheet not updating when I refresh my site
  9. How does one target IE7 and IE8 with valid CSS?
  10. Internet Explorer z-index bug?
  11. z-index does not work in Internet Explorer with pdf in iframe
  12. Bootstrap dropdowns menus appearing behind other elements – IE7
  13. CSS Selector for
  14. Any way to remove IEs black border around submit button in active forms?
  15. Flex auto margin not working in IE10/11
  16. HTML not loading CSS file
  17. element not working in Internet Explorer 11
  18. CSS rounded corners in IE8
  19. Icon fonts not loading in IE11
  20. Detecting IE version using CSS Capability/Feature Detection
  21. IE and Edge fix for object-fit: cover;
  22. How does ?#iefix solve web fonts loading in IE6-IE8?
  23. Does Internet Explorer support CSS transitions?
  24. Will targeting IE8 with conditional comments work?
  25. CSS3 3D Transform doesn’t work on IE11
  26. IE not rendering CSS properly when the site is located at networkdrive
  27. How to fix Internet explorer 7 bug when using percentage widths for layout?
  28. IE6/IE7 css border on select element
  29. Can one CSS file take priority over another CSS file?
  30. how to make sure select option text align in the center in IE?

Leave a Comment