带有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个子元素，无论其类型如何，从最后一个子元素开始计算。