[réglé] Différence entre :nth-child(N) et :nth-of-type(N)

Bonjour,

Je n'ai pas compris la différence entre ces deux sélecteurs.

Par exemple, je comprends pas pourquoi il faut "filtrer" des éléments du même type. Si je veux par exemple sélectionner toutes les images d'un div #content, je peux faire :

#content > img:nth-child(3n) {
...
}

Ça va me sélectionner toutes les balises qui ont le même type : IMG. Donc si je peux déjà choisir le type d'éléments que je veux sélectionner (ici img), pourquoi utiliser :nth-of-type ?

Merci
Modifié par Chok71 (08 Dec 2010 - 12:23)

Hello,

En fait, la différence est qu'avec nth-of-type, il peut y avoir des éléments frères "perturbateurs".

Exemple : avec des frères tels que p, p, div, p tu n'as pas de réponse pour p:nth-child(3) mais tu en auras pour p:nth-of-type(3)

Bonne journée

Merci je comprends mieux.