為什麼我的 :last-child 選擇器不工作？

替代解決方案

要解決此問題，您可以嘗試替代選擇器：

• :last-of- type: 此選擇器將定位特定類型的最後一個元素一位家長。在這種情況下，它將選擇最後一個
• 。具有“complete”類別的元素。
• jQuery $("li.complete").last();": 此jQuery 表達式將選擇與「li.complete」相符的最後一個元素。完整」選擇器。當您有多個具有相同類別的元素時，這是定位所需元素的有效方法。

理解行為

重要的是要記住，如果一個元素不是其父容器中的最後一個元素，換句話說，如果目標後面還有任何其他元素，則:last-child 不會選擇該元素。元素， :last-child 將不適用此行為與 :last-of-type 不同，後者針對特定類型的最後一個元素，無論其在元素中的位置如何。

結論

使用 :last-child 時，確保目標元素是其父容器中的最後一個子元素。如果不是，請考慮使用替代選擇器。像是 :last-of-type 或 jQuery 表達式來達到想要的結果。