Bagaimana untuk Menyasarkan Elemen HTML dengan ID Bertitik dalam CSS?

Pemilihan ID CSS untuk Elemen dengan ID Bertitik

Spesifikasi CSS membolehkan pemilih ID mengenal pasti elemen HTML tertentu. Walau bagaimanapun, isu timbul apabila ID mengandungi noktah (.). Pemilih ID CSS tidak menyokong ID sedemikian secara asli.

Walaupun kekurangan sebutan yang jelas dalam spesifikasi CSS, andaian ialah pemilih ID CSS menganggap ID dengan noktah sebagai gabungan nama teg dan pemilih kelas. Sebagai contoh, "#id.class" akan menyasarkan semua elemen dengan ID "id" dan kelas "class."

Walau bagaimanapun, mentakrifkan peraturan CSS luaran yang merujuk elemen HTML dengan ID bertitik menimbulkan cabaran . Spesifikasi CSS menyatakan bahawa "pengecam" CSS tidak termasuk aksara noktah. Ini mewujudkan potensi ketidakpadanan antara spesifikasi HTML dan CSS.

Penyelesaian alternatif untuk menggunakan pemilih ID CSS ialah meneroka jenis pemilihan CSS yang lain. Walau bagaimanapun, dalam kes di mana menukar ID HTML tidak boleh dilaksanakan, jalan penyelesaian wujud.

Menurut spesifikasi CSS, garis miring ke belakang () melarikan diri dibenarkan. Oleh itu, untuk menyasarkan elemen HTML dengan ID bertitik, gunakan sintaks berikut:

#some\.id {
  /* CSS Declarations */
}

Dalam contoh ini, garis serong ke belakang sebelum noktah membolehkan pemilih CSS mengenal pasti elemen dengan ID "some. id."

Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan Elemen HTML dengan ID Bertitik dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!