Quelles sont les limites des règles CSS d'Internet Explorer et en quoi diffèrent-elles entre IE9 et IE10 ?

Limites des règles CSS d'Internet Explorer : dévoiler la vérité

Les limitations d'Internet Explorer sur les règles CSS, en particulier en ce qui concerne la fameuse « règle 4095 limite", ont été une source de confusion pour les développeurs web. Cependant, en étudiant la documentation de Microsoft et en effectuant des tests empiriques, nous pouvons fournir une compréhension claire de ces limites.

Règle 4095 : par feuille ou par document ?

La 4095 -rule limit fait référence au nombre de règles qu'une seule feuille de style (ou "feuille") peut contenir. Cela ne s'applique pas au nombre total de règles dans un document Web. Par conséquent, il est possible de créer un lien vers plusieurs feuilles de style, chacune contenant moins de 4095 règles, sans dépasser la limite.

IE9 vs. IE10

Les limites des règles diffèrent entre IE9 et IE10.

IE9 :

• Une feuille peut contenir jusqu'à 4095 sélecteurs.
• Une feuille peut importer jusqu'à 31 autres feuilles.
• La profondeur d'imbrication de l'importation est limitée à 4 niveaux.

IE10 :

• Une feuille peut contenir jusqu'à 65534 sélecteurs.
• Une feuille peut importer jusqu'à 4095 d'autres feuilles.
• La profondeur d'imbrication d'importation peut aller jusqu'à 4095 niveaux.

Test de la règle 4095

Pour confirmer la limite de 4095 règles, j'ai créé un scénario de test avec trois fichiers :

• Fichier HTML
• Fichier CSS avec 4096 sélecteurs (4096.css)
• Fichier CSS avec 4095 sélecteurs (4095.css)

Le fichier 4096.css ne parvient pas à charger son sélecteur final en raison d'un dépassement de la limite. Cependant, le fichier 4095.css se charge avec succès, démontrant que la limite est appliquée par feuille.

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!