Wie können Sie n-te untergeordnete Elemente in Internet Explorer 8 formatieren?

Fehlerbehebung bei der Unterstützung von CSS nth Child() in Internet Explorer 8

Beim Gestalten von Webseiten mit CSS wird häufig das nth child()-Element verwendet Wird verwendet, um Regeln auf bestimmte untergeordnete Elemente innerhalb eines übergeordneten Elements anzuwenden. Allerdings unterstützt Internet Explorer 8 n-te child()-Elemente nicht nativ.

Lösung

Um diese Einschränkung zu überwinden, können Sie einen der folgenden Ansätze anwenden:

Mit einem Polyfill:

Selectivizr ist ein zuverlässiger Polyfill, der die CSS-Unterstützung des Internet Explorers verbessert. Es bietet eine browserübergreifende Implementierung von n-ten child()-Elementen, sodass Sie den gewünschten Zebrastreifeneffekt in Ihren Tabellenzeilen erzielen können.

Ohne Polyfill:

Alternativ können Sie die Unterstützung von Internet Explorer 8 für First-Child-Elemente nutzen, um das Verhalten von nth child() zu emulieren. Der folgende Trick kann angewendet werden:

/*li:nth-child(2)*/
li:first-child + li {} /*Works for IE8*/

Beachten Sie, dass diese Methode zwar die gezielte Ausrichtung auf bestimmte untergeordnete Elemente ermöglicht, jedoch keine Unterstützung für komplexe Selektoren wie nth-child(2n 1) oder nth-child bietet (ungerade).

Das obige ist der detaillierte Inhalt vonWie können Sie n-te untergeordnete Elemente in Internet Explorer 8 formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!