Quelles sont les véritables limites CSS dans Internet Explorer ?

Démystifier les limites CSS d'Internet Explorer

Internet Explorer a des limitations notoirement strictes sur l'utilisation des feuilles de style CSS. Démêler ces limites peut être une source de frustration, mais en examinant les directives de Microsoft, nous pouvons faire la lumière sur ces restrictions.

Limitations des balises de style et de lien

IE autorise un total combiné de 31 < ;style> et balises. Chaque feuille est en outre limitée à 31 instructions @import. Cela signifie que vous pouvez théoriquement avoir 31 balises, chacune important 31 feuilles de style externes.

Limite du sélecteur

La règle 4095 fait référence au nombre de sélecteurs autorisés par feuille CSS. Dans IE9, une seule feuille peut contenir jusqu'à 4 095 sélecteurs. Cette limite a été considérablement augmentée à 65 534 sélecteurs dans IE10.

@import Nesting

IE a des limites sur la profondeur de l'imbrication @import. Dans IE9, l'imbrication est prise en charge jusqu'à 4 niveaux, tandis que dans IE10, l'imbrication peut aller jusqu'à 4 095 niveaux de profondeur.

Feuilles de style multiples et limites de sélection

Contrairement à la désinformation, IE vous permet de charger plusieurs feuilles de style dans la limite du sélecteur. Par exemple, vous pouvez créer un lien vers deux feuilles de style, chacune contenant 4000 règles, sans dépasser la limite.

Test de la limite du sélecteur

Pour confirmer la limite du sélecteur par feuille, un résumé de test a été créé. Le premier fichier CSS a atteint la limite de 4 096 sélecteurs, le sélecteur final étant ignoré. Cependant, le deuxième fichier avec 4 095 sélecteurs a été chargé avec succès et affiché correctement dans IE, malgré le fait que le navigateur avait déjà traité 4 095 sélecteurs du premier fichier.

En comprenant ces limitations et en utilisant l'essentiel du test pour les vérifier , les développeurs Web peuvent naviguer efficacement dans les bizarreries des règles CSS d'Internet Explorer.

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!