Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Melarikan Tanda Titik dalam Pemilih CSS untuk Elemen Ruang Nama?

Bagaimana untuk Melarikan Tanda Titik dalam Pemilih CSS untuk Elemen Ruang Nama?

Barbara Streisand
Barbara Streisandasal
2024-12-13 10:44:28454semak imbas

How to Escape Colons in CSS Selectors for Namespaced Elements?

Melepaskan Tanda Bertindih dalam Pemilih CSS untuk Elemen Ruang Nama

Apabila menggunakan rangka kerja JavaScript seperti JSF, adalah perkara biasa bagi ID medan input mengandungi titik bertindih, yang boleh mengganggu kekhususan pemilih CSS kerana persamaannya dengan sintaks unsur pseudo. Untuk menangani perkara ini, penyelesaian mudah adalah untuk melepaskan titik bertindih menggunakan garis miring ke belakang.

input#search_form\:expression {
  // CSS styling here...
}

Sintaks ini memberitahu penyemak imbas bahawa kolon ialah sebahagian daripada ID elemen itu sendiri, dan bukannya memulakan pemilih unsur pseudo.

Rujukan:

  • [Menggunakan Ruang Nama dengan CSS](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms531206?redirectedfrom=MSDN) (MSDN)

Atas ialah kandungan terperinci Bagaimana untuk Melarikan Tanda Titik dalam Pemilih CSS untuk Elemen Ruang Nama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn