为什么属性 CSS 选择器在有撇号和没有撇号的情况下都可以使用？ [复制]

Question

我知道 CSS 选择器通常应该采用以下格式：

tagName[attributeName='attributeValue']

例如，stackoverflow.com 主页上的 按钮位于与以下 CSS 选择器 div[class='d-flex'] 匹配的 div 元素内
但是，我在 Chrome DevTools 中看到 div[class=d-flex] 定位器也与此元素匹配，并且发现它是正确的定位器！
所以，我的问题是，为什么 DevTools 仍然发现属性值周围没有撇号的 CSS 选择器表达式是正确的？

Answer 1

来自the specification：

属性值必须是<ident-token>s 或<string-token>s

您永远不需要使用撇号。仅对带有空格的值有用。

[data=ok] {
  height:100px;
  background:red;
}
[data="ok ok"] {
  height:100px;
  background:blue;
}

<div data=ok>

</div>

<div data="ok ok">

</div>