Bagaimana untuk Menyasarkan Elemen dengan ID yang Mengandungi \'Sesetengah:Sama\' dan Berakhir dengan \'nama\' menggunakan CSS?

Pemilih CSS untuk Elemen dengan ID yang Mengandungi Teks Khusus

Masalah:

Pertimbangkan elemen HTML dengan ID dalam format " someGenerated Some:Same:0:name" atau "someGenerated Some:Same:0:surname." Bagaimanakah kita boleh menggunakan CSS untuk memilih hanya elemen tersebut dengan ID yang mengandungi "Sesetengah:Sama" dan berakhir dengan "nama"?

Penyelesaian:

Menggunakan pemilih CSS berikut mencapai ini:

a[id*='Some:Same'][id$='name']

Penjelasan:

• a[id*='Some:Sama']: Memilih semua elemen yang IDnya mengandungi rentetan "Beberapa: Sama." Asterisk (*) digunakan sebagai kad bebas, membenarkan mana-mana aksara sebelum atau selepas "Sesetengah:Sama."
• [id$='name']: Memilih semua elemen yang IDnya berakhir dengan "nama." Tanda dolar ($) digunakan sebagai kad bebas di hujung rentetan.

Dengan menggabungkan pemilih ini, kita boleh mengasingkan elemen a khusus dengan ID yang mengandungi "Sesetengah:Sama" dan berakhir dengan "nama."

Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan Elemen dengan ID yang Mengandungi 'Sesetengah:Sama' dan Berakhir dengan 'nama' menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!