nth-child(2n+1)

color red

cible les lignes

impaires

nth-child(2n+1) + span !

avec un span s'intercalant

span n'hérite de rien

mais est pris

dans le compatage

nth-child(2n)

color red

cible les lignes

paires

nth-child(2n) + span !

avec un span s'intercalant

span pris en compte

mais n'interfère pas

comme pour le bloc deux !!

Dans le bloc deux, le span décale le comptage alors que dans le bloc trois, le span ne décale pas le comptage et les lignes paires sont bien stylées en rouge. A voir si le span dans le bloc deux serait pris en compte, les lignes paires seraient en rouge... alors que dans le bloc quatre, les lignes paires sont respectées...

nth-child(1)

ne cible

que le premier élément

comme first-child

nth-child(1) + span !

avec un span s'intercalant

span pris en compte

et ne cible aucune

ligne.

nth-child(1n)

cible tous

les éléments

à voir!

nth-child(1n) + span !

avec un span s'intercalant

cible tous

les autres éléments

de type paragraphe.

Rien à signaler...

nth-child(-n+3)

cibler

jusqu'au troisième

élément

nth-of-type(2n-1)

2n selectionne

lignes paires

mais -1 remonte le décompte !

nth-child(n+4)

cible uniquement

le quatrième

éléments

nth-child(3n-1)

cible

le deuxième

élément.