Internet Explorer crash when too many lines in CSS file

[FellowshipAgency]

Using Bootstrap as a starter and then adding lots more CSS will cause Internet Explorer to stop working / crash as there are too many selectors. The limit is 4095 selectors, and the default bootstrap is close to that already so adding more will eventually cause IE to either stop reading the CSS file or crash.

Is there any idea for a fix on this? Ideally we'd split up the .css files but this gives us less flexibility for editing the .less files, and also causes an extra request.

Proof of the 4095 selector limit is here: http://marc.baffl.co.uk/browser_bugs/css-selector-limit/

[adamjgrant]

There doesn't seem to be a sort of plug-and-play fix to this. Same issue here: contao/core#3901

Otherwise, there is not such an unreasonable limit on the number of stylesheets.

Perhaps there could be a splitter implemented in the less files?

[mdo]

I don't think we'll worry about this for now as we're pushing folks to customize more and more. You really shouldn't need everything that's included in Bootstrap, but we understand some folks just add everything for prototyping. We'll keep an eye on it though as we test in native IE7/8/9 and will experience the issues ourselves when they come up.

[necolas]

I hadn't heard of this IE bug so I looked around.

The limit is on the number of rules rather than selectors. And blesscss.com aims to help automate the splitting of your CSS file into separate files if the limit is hit.