[Problème] pseudo classe :Fisrt-child ne fonctionne pas

[Hamouda]

Salut

<ul><li id="rpl_search_li4"><span> </span><div> </div><div> </div><div> </div></li></ul>

j'essaye d'utiliser la pseudo-classe :first-child comme ceci : #rpl_search_li4 div:first-child {background-color : red ;}
mais cela ne marche pas .
si j'essaye de faire cela , c'est pour cibler les autres balises div qui n'ont pas de classe (div:first-child + div)
si quelqu'un peut m'aider svp

[lomart]

Re : pseudo classe :Fisrt-child ne fonctionne pas

Bonjour,

Cela devrait mieux convenir
#rpl_search_li4 div:first-of-type {background-color : red ;}
#rpl_search_li4 div:nth-of-type(2) {background-color : green ;}
#rpl_search_li4 div:last-of-type {background-color : yellow ;}

il faut au moins un espace dur   dans la div pour la voir

[Hamouda]

Re : pseudo classe :Fisrt-child ne fonctionne pas

dans les div il y'a des span avec du texte .
j'ai testé first-of-type avec ie8 , ça ne marche pas . j'utilise la pseudo-classe nth-child() qui marche avec tous les navigateurs sauf ie8 .

j'essaye de trouver l'équivalent de nth-child() en CSS2

une autre idée ?