你可以在中间有数组索引的css选择器吗

Question

嗨，我正在尝试运行此程序，但是它不起作用：

document.querySelectorAll('div[2] div ul li a');

如果我删除了[2]，那么它将删除，或者如果我单独查询并将其存储在变量中，然后查询该变量，它将起作用：

var div = document.querySelectorAll('div')[2];
div.querySelectorAll('div ul li a');

是否有办法在chrome控制台上一次查询所有内容？我做了一些研究，发现了另一个叫做第n个孩子和类型的孩子，但是我很好奇这种方法是否也可以工作。

Answer 1

据我所知，没有用于CSS选择器的数组索引之类的东西。

就像您提到的那样，您可以为此目的使用:nth-child()。

points

在这种情况下，选择器将匹配 div 元素中 ul 元素中 li 元素中的所有 a 元素在另一个元素的第二个子元素 div 中。

请注意，您应将选择器保持尽可能短，以提高性能。

Answer 2

因此，如果您希望在单个查询中一个接一个地选择节点，请尝试

subscriber.subscribeToVideo = true