Pourquoi ne puis-je pas utiliser « :nth-child » et « :before » dans IE8 ?

IE8 :nth-child et :before Problème de compatibilité

Internet Explorer 8 présente des défis lors de l'utilisation de sélecteurs CSS tels que :nth-child et :avant. Bien que ces sélecteurs fonctionnent efficacement dans la plupart des autres navigateurs, IE8 rencontre des problèmes de compatibilité.

La question

En tentant de cibler des liens de navigation spécifiques en CSS, un développeur a rencontré un problème avec :nth-child et :before dans IE8. Lors de la définition des propriétés du sélecteur :nth-child(1) appliqué à un lien spécifique, les mêmes propriétés n'ont pas fonctionné lorsqu'elles ont été appliquées au pseudo-élément :after.

La réponse

Bien que :nth-child ne soit pas directement pris en charge dans IE8, il existe une solution de contournement impliquant le combinateur frère adjacent ( ). En utilisant cette méthode, vous pouvez cibler des éléments spécifiques dans une liste :

• li:first-child est équivalent à :nth-child(1)
• li:li premier-enfant équivaut à :ntième-enfant(2)
• li:premier-enfant li li est équivalent à :ntième-enfant(3)

Limitations

Bien que cette solution de contournement reproduise la fonctionnalité de base de :nth-child, elle a ses limites. L'émulation de variantes plus complexes (par exemple, :nth-child(odd) ou :nth-child(4n 3)) n'est pas possible avec cette méthode.

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!