Bolehkah ID HTML Dimulakan dengan Nombor, dan Bagaimana Ini Mempengaruhi Penggayaan CSS?

Bolehkah Elemen Mempunyai Nilai ID Yang Bermula dengan Nombor?

Ya, adalah mungkin untuk mencipta elemen HTML dengan nilai ID yang bermula dengan nombor atau terdiri sepenuhnya daripada nombor, seperti dalam <div>.

Kesahan Teknikal dan Pertimbangan Penggayaan

Walaupun nilai ID tersebut sah secara teknikal mengikut spesifikasi HTML5, ia menimbulkan cabaran apabila menggunakan pemilih CSS untuk menyasarkannya. Khususnya, nilai ID yang bermula dengan digit tidak boleh digunakan secara literal dalam pemilih CSS dan memerlukan melarikan diri menggunakan garis miring ke belakang, mis., #12 mesti ditulis sebagai #3132.

Pengesyoran untuk Penggayaan CSS

Jika anda berhasrat untuk menggunakan CSS untuk menggayakan elemen dengan ID berangka, anda dinasihatkan untuk memulakan ID dengan huruf untuk mengelakkan keperluan untuk melarikan diri. Ini memudahkan proses dan memastikan keserasian merentas penyemak imbas.

Contoh

Pertimbangkan kod HTML berikut:

<div>

Menggunakan JavaScript, anda boleh menetapkan gaya sempadan dan fon elemen div seperti berikut:

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

Kod CSS untuk menetapkan warna latar belakang elemen div ialah:

# {
  background: #0bf;
}

Perhatikan bahawa pemilih CSS memerlukan nilai ID untuk dilarikan menggunakan garis miring ke belakang.

Atas ialah kandungan terperinci Bolehkah ID HTML Dimulakan dengan Nombor, dan Bagaimana Ini Mempengaruhi Penggayaan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!