Le sélecteur CSS avec nth-child fonctionne mais pas last-child

Question

J'ai un div qui contient 3 enfants divs .

J'ai un sélecteur .parent-div .child-div:nth-child(1) qui sélectionne la première division enfant.

Et .parent-div .child-div:nth-child(3) sélectionne la dernière div enfant.

Mais, .parent-div .child-div:last-child ne sélectionne rien.

Des indices sur ce qui pourrait être le problème ? Est-ce que cela a quelque chose à voir avec float o absolute positionnement ?

Par ailleurs, j'ai rendu les divs triables en utilisant JQuery UI, ce qui a pu ajouter quelques classes supplémentaires.

Edit : La division .parent a 3 divisions .childA et une division .child-clear. Ainsi, le dernier .childA-div n'est pas considéré comme un dernier enfant car le véritable dernier enfant est d'une classe différente.

J'ai utilisé nth-last-child(2) comme suggéré ci-dessous.

Answer 1

Utiliser .child-div:nth-last-child(1) { }

El :nth-last-child(n) correspond à chaque élément qui est le nième enfant, quel que soit son type, de son parent, en comptant à partir du dernier enfant.