Javascript 如何选择特定类的最后一个元素

我想知道为什么foo记录了一个值，而bar没有。它们似乎在语法上也是相同的

编辑：这是一个X-Y问题。我的目标是使用类

foo

获取最后一个元素，我尝试使用

last child

获取该元素。我尝试了

最后一种类型

，但没有成功

const foo=document.querySelector（“.some元素：最后一个子元素”）
const bar=document.querySelector（“.foo:最后一个子项”）
console.log（'foo>>'，foo）
console.log（'bar>>'，bar）

这个'div'是第一个。
这个嵌套的“span”是最后一个！
这个嵌套的'em'是第一个，但这个嵌套的'em'是最后一个！

1
2
3

您可以使用

queryselectoral（）

按类选择所有元素

要获取类的最后一个元素，请尝试以下操作：

const bar = document.querySelectorAll(".foo")
console.log( 'bar >>', bar[bar.length - 1] )

---

看看

为什么这是一个惊喜？

.foo

元素都不是其父元素的最后一个子元素。哪个

.foo

是其父元素的最后一个子元素？我知道了。我想我的目标是完全不同的。如何使用class

foo

选择最后一个元素？我认为CSS选择器无法做到这一点。在DOM树中需要某种“前瞻性”，选择器没有提供。XPath可以做到这一点，但XPath在按类选择元素方面很差劲。唉。我想这意味着没有基于伪选择器的方法来获取这个？