Comment puis-je émuler le nième enfant dans Internet Explorer 8 ?

Émuler :nth-child dans Internet Explorer 8

Internet Explorer 8 ne prend pas en charge le sélecteur :nth-child, ce qui peut poser problème lorsque vous essayez de styliser des éléments en fonction de leur position dans un élément parent. Dans de tels cas, une solution alternative est nécessaire.

Heureusement, le combinateur frère adjacent ( ) peut être exploité pour obtenir des résultats similaires dans IE7 et IE8. Par exemple, l'extrait CSS suivant :

#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;
}

Est équivalent à :

#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;
}

Cependant, il est important de noter que cette technique ne peut pas émuler des variantes plus complexes de :nth-child( ), comme :nth-child(odd) ou :nth-child(4n 3).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!