带有 nth-child 的 CSS 选择器有效，但不是 last-child

Question

我有一个div，其中包含 3 个子 divs。

我有一个选择器 .parent-div .child-div:nth-child(1)，它选择第一个子 div。

而.parent-div .child-div:nth-child(3) 选择最后一个子div。

但是，.parent-div .child-div:last-child 什么都不选择。

关于可能是什么问题的任何线索？和float或absolute定位有关系吗？

顺便说一句，我使用 JQuery UI 使 div 可排序，这可能添加了一些额外的类。

编辑： .parent-div 有 3 个 .childA-div 和一个 .child-clear div。因此，最后一个 .childA-div 不被视为最后一个孩子，因为真正的最后一个孩子属于不同的类。

我按照下面的建议使用了 nth-last-child(2)。

Answer 1

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

:nth-last-child(n) 选择器匹配其父元素的第 n 个子元素，无论其类型如何，从最后一个子元素开始计数。