Quelles sont les limites des règles CSS dans les différentes versions d'Internet Explorer ?

Limites CSS d'Internet Explorer : une question de mégaoctets et de couches

En tant que développeurs, nous sommes souvent limités par les limitations de nos outils. Internet Explorer, autrefois une force dominante sur le marché des navigateurs Web, est connu depuis longtemps pour ses bizarreries et ses limites, et les règles CSS ne font pas exception.

L'une des limites CSS d'Internet Explorer les plus tristement célèbres concerne le nombre de règles CSS pouvant être chargées dans une seule page Web. Avant IE9, cette limite n'était que de 4 095 règles, quel que soit le nombre de feuilles de style utilisées. Cependant, IE9 et versions ultérieures ont apporté des améliorations significatives, permettant l'utilisation de règles beaucoup plus nombreuses.

Dans IE9, une seule feuille de style peut contenir jusqu'à 4 095 sélecteurs, tandis que les règles @import peuvent s'imbriquer jusqu'à quatre niveaux de profondeur. Cela permettrait effectivement un total de 4 095 * 4 = 16 380 règles par page.

Avec la sortie d'IE10, la limite des règles CSS a été étendue à 65 534 sélecteurs par feuille de style et 4 095 niveaux d'imbrication @import. Cela se traduit par un énorme 4095 * 4095 = 16 777 215 règles par page.

Bien que ces limites semblent plus que adéquates pour la plupart des scénarios de développement Web, il convient de noter qu'elles s'appliquent à chaque feuille de style individuellement. Par conséquent, si vous avez plusieurs feuilles de style liées à une seule page Web, chacune de ces feuilles de style aura son propre ensemble de limites.

Pour résumer :

• IE9 : Jusqu'à 4095 règles par feuille de style, 31 règles @import par feuille de style, 4 niveaux d'imbrication @import, 16380 règles par page.
• IE10 : Jusqu'à 65 534 règles par feuille de style, 4 095 règles @import par feuille de style, 4 095 niveaux d'imbrication @import, 16 777 215 règles par page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!