HTML ID 可以以數字開頭嗎？

元素可以有以數字開頭的 ID 值嗎？

是的，可以建立 ID 值以數字開頭的 HTML 元素或完全由數字組成，例如

<div>。

技術有效性和樣式註意事項

雖然根據HTML5 規範，此類ID 值在技術上是有效的，但它們使用CSS 選擇器來定位它們時會帶來挑戰。具體來說，以數字開頭的 ID 值不能在 CSS 選擇器中直接使用，需要使用反斜線進行轉義，例如 #12 必須寫為 #3132。

CSS 樣式建議

如果您打算使用 CSS 為具有數字 ID 的元素設定樣式，建議以字母開頭 ID 以避免轉義。這簡化了流程並確保跨瀏覽器的兼容性。

範例

考慮以下HTML 程式碼：

<div>

使用JavaScript，您可以設定字體 元素的邊框和樣式如下：

document.getElementById("12").style.border = "2px solid black";
if (document.querySelector) {
  document.querySelector("#\31\32").style.fontStyle = "italic";
}

設定div 元素背景顏色的CSS 代碼為：

# {
  background: #0bf;
}

請注意CSS 選擇器要求使用反斜線對ID 值進行轉義。