Was sind die CSS-Auswahlbeschränkungen im Internet Explorer und wie unterscheiden sie sich zwischen den Versionen?

Internet Explorer: Navigieren durch CSS-Beschränkungen

Internet Explorer legt eine Reihe von Beschränkungen für die CSS-Nutzung fest. Diese Einschränkungen können zu Verwirrung und Störungen bei der Darstellung der Website führen.

Die 4095-Regel verstehen

Eine der am meisten diskutierten Grenzen ist die 4095-Regel. Dies bezieht sich auf die maximal zulässige Anzahl von Selektoren in einem CSS-Blatt oder -Dokument. Es bleibt jedoch die Frage: Gilt diese Grenze pro Blatt oder pro Dokument?

Gemäß den offiziellen Richtlinien von Microsoft gilt die 4095-Regel pro Blatt, nicht pro Dokument. Das bedeutet, dass Sie auf mehrere CSS-Blätter verlinken können, die jeweils bis zu 4095 Selektoren enthalten, und alle ordnungsgemäß funktionieren.

IE9 vs. IE10

Die von Internet Explorer hat sich über verschiedene Versionen hinweg weiterentwickelt. Für IE9:

• Ein CSS-Blatt kann bis zu 4095 Selektoren enthalten.
• Ein Blatt kann bis zu 31 andere Blätter importieren.
• Importverschachtelung wird bis zu unterstützt 4 Ebenen tief.

Für IE10 und später:

• Ein Blatt kann bis zu 65534 Selektoren enthalten.
• Ein Blatt kann bis zu 4095 andere Blätter importieren.
• Verschachtelungsunterstützungen mit einer Tiefe von bis zu 4095 Ebenen importieren .

Diese Änderungen sorgen für mehr Flexibilität bei der Website-Entwicklung und ermöglichen die Verwendung komplexerer und umfassendes CSS.

Beispieltestfall

Um das Limit pro Blatt zu bestätigen, wurde ein Test mit zwei CSS-Dateien durchgeführt. Eine Datei enthielt 4096 Selektoren, während die andere 4095 Selektoren hatte. Das mit beiden Dateien verknüpfte HTML-Dokument.

Die Ergebnisse zeigten, dass die erste Datei ihren endgültigen Selektor nicht geladen hat, während die zweite Datei geladen wurde und sich im Internet Explorer korrekt verhielt. Dies bestätigt, dass die 4095-Regel pro Blatt gilt.

Durch das Verständnis dieser CSS-Grenzwerte in Internet Explorer können Webentwickler ihren Code optimieren und potenzielle Rendering-Probleme vermeiden.

Das obige ist der detaillierte Inhalt vonWas sind die CSS-Auswahlbeschränkungen im Internet Explorer und wie unterscheiden sie sich zwischen den Versionen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!