Splitting Combined CSS to avoid IE 4096 selector limit

[voycey]

IE to version 9 has a silly 4096 selector limit issue where it silently fails, we are using LESS on our latest site and AssetCompress to combine and minify them - the site isnt that big and is due to grow quickly and we are already up at around 3500 selectors on some pages - would it be possible to build in an option to split the combined sheet before it reaches this amount?

[markstory]

Maybe but you'd need to solve a few problems:

• What would the file be named.
• How would the split file be incorporated into the pages it is needed?

I usually try and solve this by manually ensuring files don't get that big.

[voycey]

Maybe a simple _1 _2?

I am currently splitting them manually in the assetcompress ini file, and ensuring some CSS is only called on the pages it is needed but I do think we will hit this limit eventually on a couple of pages - LESS is a monster when it comes to CSS selectors.

[markstory]

I think LESS only has these kinds of problem if you abuse nesting 😉