Javascript：Css-Selectors：（错误或功能？），当类在类列表[重复]中的第一位置时，类名“ starts-with”仅选择元素。

Question

此问题已经在这里有了答案：

jQuery: Finding partial class name [duplicate]

（1个答案）

[

18天前关闭

。

我想使用querySelector(...)选择一个元素让我们假设有一个类似html的片段：

<div class="Class1_a123 Class2_z987">Div1 content</div>
<div class="Class1_a123">Div2 content</div>

我想只选择第一个div，如果它（它是动态设置的）具有第二个类。因此，我将选择器编写如下：

document.querySelector("div[class^='Class2']");

结果：未选择任何内容。所以我想知道，是否存在层次结构，哪个类位于类列表的前面。我认为它会检查所有包含的类，它们是否以我需要的表达式开头。

我的思想和/或理解上是否存在基本错误，选择器的工作原理？

如果这是正确的，那么元素类列表中类的顺序对于网站的布局/样式可能很重要？在这种情况下，我必须考虑一下我过去编写的所有代码，在这里我使用了class^='...'选择器，并用class*='...'代替了它，以使其按预期工作。

欢迎任何建议/纠正。

我想使用querySelector（...）选择一个元素，让我们假设有一个html片段，例如：

Div1 content

...

Answer 1

Answer 2

const class1Elements = document.querySelectorAll('div[class^="Class1"]')
const class2Elements = document.querySelectorAll('div[class^="Class2"]')