Est-ce qu’IE 8 limite le nombre de feuilles de style par page?

En réponse à CSS , un utilisateur a déclaré:

Internet Explorer a une limite de 4096 règles CSS par fichier. Référence

En outre, le nombre de feuilles de style que vous pouvez intégrer dans un même document est limité. Je pense que c’est 20.

Alors que la référence sur MSDN semble le confirmer (et il y a un article de blog qui le confirme dans IE7), est-ce toujours le cas pour IE8?

Oui, IE8 (et même IE9 apparemment) limite le nombre de feuilles de style à 31 par page.

Telerik a un article et une page de test qui démontrent le problème. Selon les commentaires dans le même article, la limitation des règles 4096 par fichier a été marquée comme étant «Won’t Fix» dans Microsoft Connect, mais je n’ai pas pu le vérifier.

Cette discussion suggère qu’il existe une limite de 31 références CSS par page / fichier CSS, mais que vous pouvez obtenir plus que cela en utilisant @import et une hiérarchie nestede de fichiers CSS.

Plus d’informations sur un blog Telerik sur la question, en précisant que cela s’applique à IE8.

Microsoft affirme que la limite est de 30, mais la limite est apparemment de 31 selon Telerik . Le blog Telerik mentionne également un sélecteur 4095 par limite de fichier.

Grâce au script de test ci-dessus , je viens de confirmer que cette limitation (apparemment 30) existe toujours, même dans Internet Explorer 9!

Je construisais un site et j’ai moi-même rencontré ce problème. Cela m’a poussé à me casser la gueule jusqu’à ce qu’un collègue indique que 31 fichiers CSS sont sortis. En y regardant ce qui m’a frappé, c’est que c’est plus compliqué que cela, car IE8 semblait charger certains des styles de la feuille, mais pas tous. Il ignorait les requêtes multimédias et les classes chaînées comme s’il se comportait en mode Quirks – même s’il n’était pas en mode Quirks et que ces deux fichiers se trouvaient dans le même fichier CSS que les autres CSS utilisés. Une fois que j’ai regroupé les fichiers CSS en un seul fichier, tout s’est bien passé. Quoi qu’il en soit, je voulais simplement souligner que cette limite semble également déclencher quelque chose comme le mode Quirks.

Si vous utilisez NPM, installez Bless pour régler le problème