是否可以querySelectorAll使用多个不相关的条件进行搜索？

是的，因为querySelectorAll接受完整的 CSS 选择器，并且 CSS 具有
选择器组 的概念，它允许您指定多个不相关的选择器。例如：

var list = document.querySelectorAll("form, p, legend");

…将返回一个列表，其中包含任何为 aform 或 p 或 legend的元素。

CSS 还有另一个概念：基于更多标准的限制。您只需组合选择器的多个方面。例如：

var list = document.querySelectorAll("div.foo");

…将返回所有( 和)* 具有 class的div元素的列表，忽略其他元素。 __ *foo``div

当然，您可以将它们组合起来：

var list = document.querySelectorAll("div.foo, p.bar, div legend");

…这意味着“包括任何div也具有该类的元素foo，任何p也具有bar该类的元素，以及任何legend也在 . 内的元素div。”