Bon ok, vous allez me dire : "Qui inclut plus de 30 fichiers css dans son site ?...."
Bah moi... Avec les CMS et leur pléthore de modules venant se greffer le uns sur les autres on peut y arriver, et c'est mon cas !
Je vous rassure c'est pour la phase de développement. Une fois en production on compresse tout ça et on le met en cache.
J'ai mis un peu de temps à comprendre pourquoi le css ne se chargeaient pas sur certaines page et même différemment, pour au final trouver le comment du pourquoi.
Un petit lien vers le topic qui m'a sauvé : Internet Explorer imposes a maximum limit of 32 individual styleSheet
Et un autre sur le blog officiel d'ie détaillant les limitations : Stylesheet Limits in Internet Explorer
Pour ie 6 à 9 :
- A sheet may contain up to 4095 rules
- A sheet may @import up to 31 sheets
- @import nesting supports up to 4 levels deep
Pour ie 10 :
- A sheet may contain up to 65534 rules
- A document may use up to 4095 stylesheets
- @import nesting is limited to 4095 levels (due to the 4095 stylesheet limit)
Pour les utilisateurs d'internet explorer, voici des vrais navigateurs :
