javascript - CSS 选择器可以使用 nth-child，但不能使用 last-child

Question

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

我有一个选择器.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 和 1 个 .child-clear div。因此，最后一个 .childA-div 不被视为最后一个子级，因为真正的最后一个子级属于不同的类。

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

Answer 1

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

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