为什么这不是在 JS 中使用 querySelectorAll 的有效 CSS 选择器？ [复制]

Question

我正在尝试使用 Vanilla JS 在我的 DOM 中找到所有带有 2x 类的 img 元素。我正在使用这样的querySelectorAll 方法：

document.querySelectorAll('img.2x');

但它会在控制台日志中抛出此错误：

Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document':
'img.2x' is not a valid selector.

为什么img.2x 不是一个有效的选择器？谢谢。

Answer 1

虽然它确实看起来有效，但您需要明确转义任何以 CSS 类开头的数字才能在选择器中使用它：

document.querySelectorAll('img.\\2x');