Was sind die tatsächlichen CSS-Grenzwerte im Internet Explorer?

Entlarvung der CSS-Beschränkungen des Internet Explorers

Internet Explorer hat bekanntermaßen strenge Beschränkungen bei der Verwendung von CSS-Stylesheets. Das Aufdecken dieser Einschränkungen kann frustrierend sein, aber indem wir uns mit den Richtlinien von Microsoft befassen, können wir Licht ins Dunkel bringen.

Stil- und Link-Tag-Einschränkungen

IE erlaubt insgesamt 31 < ;Stil> und Tags. Jedes Blatt ist außerdem auf 31 @import-Anweisungen beschränkt. Das bedeutet, dass Sie theoretisch 31 Tags, die jeweils 31 externe Stylesheets importieren.

Selektorlimit

Die 4095-Regel bezieht sich auf die Anzahl der pro CSS-Blatt zulässigen Selektoren. In IE9 kann ein einzelnes Blatt bis zu 4095 Selektoren enthalten. Dieses Limit wurde in IE10 deutlich auf 65534 Selektoren erhöht.

@import-Verschachtelung

IE hat Einschränkungen hinsichtlich der Tiefe der @import-Verschachtelung. In IE9 wird die Verschachtelung bis zu 4 Ebenen unterstützt, während in IE10 die Verschachtelung bis zu 4095 Ebenen tief sein kann.

Mehrere Stylesheets und Auswahlbeschränkungen

Im Gegensatz zu Fehlinformationen ermöglicht IE das Laden mehrere Stylesheets innerhalb der Auswahlgrenze. Sie können beispielsweise auf zwei Stylesheets mit jeweils 4000 Regeln verlinken, ohne das Limit zu überschreiten.

Testen des Selektorlimits

Um das Selektorlimit pro Blatt zu bestätigen, wurde ein Testgist erstellt. Die erste CSS-Datei erreichte die Auswahlgrenze von 4096, wobei der letzte Selektor ignoriert wurde. Die zweite Datei mit 4095 Selektoren wurde jedoch erfolgreich geladen und im IE korrekt gerendert, obwohl der Browser bereits 4095 Selektoren aus der ersten Datei verarbeitet hatte.

Indem Sie diese Einschränkungen verstehen und den Testkern verwenden, um sie zu überprüfen können Webentwickler effektiv mit den Besonderheiten der CSS-Regeln des Internet Explorers umgehen.

Das obige ist der detaillierte Inhalt vonWas sind die tatsächlichen CSS-Grenzwerte im Internet Explorer?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!