Bagaimana untuk Menggayakan Elemen HTML dengan ID yang Mengandungi Titik Bertitik?

Menggayakan Elemen HTML dengan ID yang Mengandungi Titik Bertindih: Teknik Melarikan Diri

Apabila memberikan gaya CSS kepada elemen HTML dengan ID yang mengandungi titik bertindih, kemungkinan cabaran akan timbul. Penghurai CSS menganggap titik bertindih sebagai permulaan elemen pseudo, yang membawa kepada ralat dan penggayaan yang salah. Untuk mengatasinya, kita boleh menggunakan teknik untuk melepaskan watak kolon.

Satu kaedah yang berkesan ialah menggunakan garis serong ke belakang sebelum kolon. Contohnya:

input#search_form\:expression {  ///...}

Dengan meletakkan garis miring ke belakang sebelum titik bertindih, kita pada asasnya melarikan watak dan mengarahkan penyemak imbas untuk mentafsirkannya secara literal sebagai sebahagian daripada ID elemen.

Sebagai alternatif, kita boleh gunakan &titik bertindih; entiti untuk mewakili titik bertindih dalam pemilih CSS:

input#search_form:expression {  ///...}

Kaedah ini amat berguna dalam penyemak imbas lama yang mungkin tidak menyokong teknik melarikan diri segaris ke belakang.

Selain itu, adalah penting untuk ambil perhatian bahawa menggunakan ruang nama dengan CSS juga boleh membantu menangani isu ini. Walau bagaimanapun, pendekatan ini hanya terpakai dalam senario tertentu dan mungkin tidak sesuai untuk semua. Untuk mendapatkan maklumat lanjut tentang teknik ini, rujuk dokumentasi Microsoft tentang "Menggunakan Ruang Nama dengan CSS."

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