我可以拥有一个 ID 以数字开头的元素吗？

用数字除以元素的 ID 可能看起来不寻常，但这是完全可能的在 HTML 中。然而，需要注意的是，虽然有效，但使用数字 ID 可能会在使用 CSS 选择元素和设计元素样式时带来挑战。

HTML 允许 ID 值仅由数字组成；除空格外的任何字符都被认为是可接受的。浏览器历来支持这种做法，从而放宽了 HTML5 规范中更严格的限制。

虽然在 HTML 中使用数字 ID 在技术上是可行的，但在 CSS 选择器中使用它们时要谨慎行事。 CSS id 选择器不允许 ID 以数字开头，因此需要转义。例如，#12 作为 CSS 选择器无效，必须指定为 #\31\32。

对于那些打算在 CSS 选择器中使用数字 ID 的用户，为了简单起见，建议以字母开头。尽管如此，下面是一个示例，演示了 ID 为“12”的 div 的使用以及操作它的各种方法：

• CSS: #\31\32 {background: #0bf;}
• JavaScript (getElementById): document.getElementById("12").style.border = "2px 纯黑色";
• JavaScript (querySelector): document.querySelector("#\31\32").style.fontStyle = "斜体";

请注意，对 document.querySelector 的支持可能因浏览器而异。支持此功能的浏览器将能够使用后一种方法应用样式更改。