nth-childのCSSセレクタは最後の子ではありません

Question

私はdivを持っていますが、これには子が3つ含まれていますdivs。

私は最初の子divを選択するセレクタ.parent-div .child-div:nth-child(1)を持っています。

.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番目の子であるすべての要素にマッチします。