:nth-child pour ie 7-8
La pseudo classe :nth-child qui est apparu avec CSS3 permet de cibler les éléments selon la position qu'ils occupent dans une liste d'éléments, par exemple les 3 premiers li d'une liste :
li:nth-child(-n+3) { background-color: red; }
Sur ie, cette propriété est supportée à partir de la version 9, une alternative que j'ai utilisé pour sélectionner les x premiers éléments, a été de se référer au premier élément de la liste avec :first-child (qui est supporté sur ie7 et ie8) et de cibler à partir du premier les éléments voisins avec +, par exemple pour cibler les 3 premiers éléments :
li:first-child, li:first-child + li, li:first-child + li + li{ background-color: red; }
Cette solution en css est moins riche en possibilité que propose :nth-child mais peut convenir selon les cas pour une alternative sur ie8 et7.
