Was sind die CSS-Regelbeschränkungen des Internet Explorers und wie unterscheiden sie sich zwischen IE9 und IE10?

Grenzen der CSS-Regeln des Internet Explorers: Enthüllung der Wahrheit

Grenzen des Internet Explorers hinsichtlich der CSS-Regeln, insbesondere im Hinblick auf die berüchtigte „4095-Regel“. limit“ sorgten bei Webentwicklern für Verwirrung. Durch das Studium der Dokumentation von Microsoft und die Durchführung empirischer Tests können wir jedoch ein klares Verständnis dieser Grenzen vermitteln.

4095-Regel: Pro Blatt oder pro Dokument?

Die 4095 -Regellimit bezieht sich auf die Anzahl der Regeln, die ein einzelnes Stylesheet (oder „Blatt“) enthalten kann. Dies gilt nicht für die Gesamtzahl der Regeln in einem Webdokument. Daher ist es möglich, auf mehrere Stylesheets zu verlinken, die jeweils weniger als 4095 Regeln enthalten, ohne das Limit zu überschreiten.

IE9 vs. IE10

Die Regellimits unterscheiden sich zwischen IE9 und IE10.

IE9:

• Ein Blatt kann bis zu 4095 Selektoren enthalten.
• Ein Blatt kann bis zu 31 andere Blätter importieren.
• Die Verschachtelungstiefe des Imports ist auf 4 begrenzt Ebenen.

IE10:

• Ein Blatt kann bis zu 65534 Selektoren enthalten.
• Ein Blatt kann bis zu 4095 importieren andere Blätter.
• Die Verschachtelungstiefe des Imports kann bis zu 4095 betragen Ebenen.

Testen der 4095-Regel

Um die 4095-Regelgrenze zu bestätigen, habe ich einen Testfall mit drei Dateien erstellt:

• HTML-Datei
• CSS-Datei mit 4096 Selektoren (4096.css)
• CSS-Datei mit 4095-Selektoren (4095.css)

Die Datei 4096.css kann ihren endgültigen Selektor nicht laden, da das Limit überschritten wurde. Die Datei 4095.css wird jedoch erfolgreich geladen, was zeigt, dass die Beschränkung pro Blatt angewendet wird.

Das obige ist der detaillierte Inhalt vonWas sind die CSS-Regelbeschränkungen des Internet Explorers und wie unterscheiden sie sich zwischen IE9 und IE10?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!