我可以擁有一個 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 的支援可能因瀏覽器而異。支援此功能的瀏覽器將能夠使用後一種方法套用樣式變更。