具有特定子元素的查询选择器

Question

所以基本上我想选择具有特定子元素的元素。现在我有选择器来选择链的子元素：

const el = document.querySelector('#leftMenu ul > li > a:not(.active) + ul > li.active')

现在要获取我感兴趣的元素，我必须这样做：

const x = el.parentNode.parentNode;

有什么方法可以直接从选择器本身获取这个元素吗？

Answer 1

没有父选择器，
但是它应该在 CSS level 4 中可用，距离实现还有很长的路要走。

因此，您能做的最好的事情就是添加一行：
const el = document.querySelector('#leftMenu ul > li > a:not(.active) + ul > li.active').parentNode.parentNode;