Wie kann ich :nth-child in Internet Explorer 8 emulieren?

Emulieren von :nth-child in Internet Explorer 8

Internet Explorer 8 unterstützt den :nth-child-Selektor nicht, was problematisch sein kann wenn Sie versuchen, Elemente basierend auf ihrer Position innerhalb eines übergeordneten Elements zu formatieren. In solchen Fällen ist eine alternative Lösung erforderlich.

Glücklicherweise kann der benachbarte Geschwisterkombinator ( ) genutzt werden, um ähnliche Ergebnisse in IE7 und IE8 zu erzielen. Zum Beispiel das folgende CSS-Snippet:

#nav-primary ul li:first-child a {
    border-top: 5px solid red;
}
/* ... */
#nav-primary ul li:first-child + li + li a {
    border-top: 5px solid green;
}

Entspricht:

#nav-primary ul li:nth-child(1) a {
    border-top: 5px solid red;
}
/* ... */
#nav-primary ul li:nth-child(3) a {
    border-top: 5px solid green;
}

Es ist jedoch wichtig zu beachten, dass diese Technik keine komplexeren Variationen von :nth-child( emulieren kann ), wie etwa :nth-child(odd) oder :nth-child(4n 3).

Das obige ist der detaillierte Inhalt vonWie kann ich :nth-child in Internet Explorer 8 emulieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!