Warum kann ich „:nth-child' und „:before' in IE8 nicht verwenden?

IE8 :nth-child und :before Kompatibilitätsproblem

Internet Explorer 8 stellt Herausforderungen bei der Arbeit mit CSS-Selektoren wie :nth-child dar und :vor. Während diese Selektoren in den meisten anderen Browsern effektiv funktionieren, stößt IE8 auf Kompatibilitätsprobleme.

Die Frage

Bei dem Versuch, bestimmte Navigationslinks in CSS anzusprechen, stieß ein Entwickler auf a Problem mit :nth-child und :before in IE8. Beim Festlegen von Eigenschaften für den :nth-child(1)-Selektor, der auf einen bestimmten Link angewendet wurde, funktionierten dieselben Eigenschaften nicht, wenn sie auf das Pseudoelement :after angewendet wurden.

Die Antwort

Während :nth-child in IE8 nicht direkt unterstützt wird, gibt es eine Problemumgehung mit dem benachbarten Geschwisterkombinator ( ). Mithilfe dieser Methode können Sie auf bestimmte Elemente in einer Liste abzielen:

• li:first-child entspricht :nth-child(1)
• li:first-child li entspricht :nth-child(2)
• li:first-child li li entspricht :nth-child(3 )

Einschränkungen

Während diese Problemumgehung die grundlegende :n-te-Kind-Funktionalität repliziert, hat sie ihre Einschränkungen. Die Emulation komplexerer Varianten (z. B. :nth-child(odd) oder :nth-child(4n 3)) ist mit dieser Methode nicht möglich.

Das obige ist der detaillierte Inhalt vonWarum kann ich „:nth-child' und „:before' in IE8 nicht verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!