Bagaimana untuk Menggayakan Elemen CSS dengan Titik Bertitik dalam ID Mereka?

Pemilih CSS: Mengatasi Titik Bertitik dalam ID Elemen

Apabila bekerja dengan CSS, anda mungkin menghadapi situasi di mana anda perlu menggayakan elemen dengan ID yang mengandungi aksara titik bertindih ( :). Walau bagaimanapun, memandangkan kolon digunakan sebagai pembatas unsur pseudo dalam CSS, ia boleh menyebabkan konflik.

Dalam kes anda, JSF telah menetapkan ID medan input kepada "search_form:expression". Untuk menentukan penggayaan untuk elemen ini, anda menghadapi masalah dengan titik bertindih yang menyebabkan pemilih ditafsirkan secara salah.

Penyelesaian: Menggunakan Backslash Escape

Untuk melarikan diri daripada titik bertindih dan pastikan ia dianggap sebagai sebahagian daripada ID elemen, anda boleh menggunakan garis serik ke belakang () sebelum itu. Contohnya:

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

Dengan menambahkan garis miring ke belakang, anda secara berkesan melepaskan kolon, menghalangnya daripada dikenali sebagai pembatas unsur pseudo. Penyemak imbas kemudian akan mentafsirkannya dengan betul sebagai sebahagian daripada ID elemen.

Sumber Tambahan:

• [Menggunakan Ruang Nama dengan CSS](https://msdn .microsoft.com/en-us/library/ms531194.aspx) (MSDN) memberikan pandangan lanjut tentang ini topik.

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