Posted almost 7 years ago. Visible to the public. Linked content.

Limitations you should be aware of when Internet Explorer 9 parses CSS files

Internet Explorer until version 9 has some limitations when parsing CSS files

Summarized, these are:

  • Up to 31 CSS files or
  • Up to 4095 selectors per CSS file.
  • Up to 3 nested @import rules

To test the selector limit for a specific browser, check this CSS selector limitation test website.

When you run into this issue, the following links might be helpful to fix the problem. The Idea is to split up the css files that have been generated by sass.

  • https://gist.github.com/3099975
  • https://groups.google.com/forum/?fromgroups=#!topic/compass-users/wcj7LohiuR0
  • http://stackoverflow.com/questions/6953345/sass-dealing-with-the-ie-4095-selectors-per-stylesheet-restriction

Some websites (e.g. https://www.devexpress.com/Support/Center/p/K18487.aspx) say there was a css file size limit at about 288kb but this is neither listed in the microsoft knowledge base article nor could this bug be reproduced. I think people ran into the selector limit. If you have a test that approves the file size limit, please give me a shout.

Arne added a repository that holds a few sample files so you can test it yourself.

Growing Rails Applications in Practice
Check out our new e-book:
Learn to structure large Ruby on Rails codebases with the tools you already know and love.

Owner of this card:

Avatar
Ulrich Berkmueller
Last edit:
over 1 year ago
by Besprechungs-PC
About this deck:
We are makandra and do test-driven, agile Ruby on Rails software development.
License for source code
Posted by Ulrich Berkmueller to makandra dev
This website uses cookies to improve usability and analyze traffic.
Accept or learn more