为什么我的 :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 表达式来达到想要的结果。