Quelles sont les limites des règles CSS d'Internet Explorer et comment s'appliquent-elles ?

Exploration des limites des règles CSS d'Internet Explorer

Introduction

Internet Explorer, autrefois un navigateur Web dominant, est connu pour ses limites, y compris celles imposées aux règles CSS. Comprendre ces limitations est crucial pour les développeurs Web afin de garantir la compatibilité entre navigateurs.

Limite de règle par feuille ou par document ?

Un malentendu courant est lié à la Limite de règle 4095. Certaines sources suggèrent que cette limite s'applique à l'ensemble du document, tandis que d'autres prétendent qu'elle concerne des feuilles de style individuelles.

La réponse selon Microsoft

Selon la documentation officielle de Microsoft, la limite de règle dans Internet Explorer suit un modèle par feuille. Cela signifie :

• Chaque feuille de style individuelle peut contenir jusqu'à 4095 sélecteurs (IE9) ou 65534 sélecteurs (IE10).
• Une feuille de style peut importer jusqu'à 31 (IE9) ou 4095 ( IE10) d'autres feuilles de style.
• Les feuilles de style importées peuvent être imbriquées jusqu'à 4 niveaux (IE9) ou 4095 niveaux (IE10).

Test de la règle 4095 par limite de feuille

Pour vérifier la limite de règle par feuille, un Le cas de test a été réalisé à l'aide de trois fichiers :

• HTML : Un Fichier HTML reliant deux fichiers CSS.
• 1.css : Contenait 4096 sélecteurs.
• 2.css : Contenait 4095 sélecteurs.

Lors de la visualisation dans Internet Explorer, il a été observé que le sélecteur final du premier Le fichier CSS (1.css) n'a pas été appliqué, confirmant la limite de 4095 règles par feuille de style.

Conclusion

Les limites des règles CSS d'Internet Explorer, autrefois une préoccupation importante, ont été abordé avec une polyvalence croissante dans les versions ultérieures. Les développeurs doivent être conscients des limites actuelles et optimiser leurs feuilles de style en conséquence pour garantir la compatibilité entre les différents navigateurs.

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!