Bagaimana untuk Memilih Elemen dengan ID Separa dalam CSS?

Pemilihan Nilai ID Separa dalam CSS

Masalah

Apabila elemen dijana secara dinamik menggunakan bahasa pengaturcaraan seperti PHP, ia boleh menjadi mencabar untuk memilih elemen tertentu menggunakan nilai ID yang tidak lengkap. Keadaan ini timbul apabila keseluruhan nama ID tidak diketahui, tetapi hanya rentetan separa yang tersedia untuk pengenalan.

Penjelasan

Pemilih ID dalam CSS memerlukan nama ID lengkap untuk berfungsi dengan berkesan. Walau bagaimanapun, keperluan untuk memilih elemen berdasarkan rentetan ID separa mendorong pengenalan pemilih atribut subrentetan. Penyelesaian ini membenarkan pengecaman tepat elemen berdasarkan corak rentetan tertentu.

Penyelesaian

Untuk memilih elemen dengan nilai ID separa, gunakan pemilih atribut subrentetan dan bukannya pemilih ID. Sintaks untuk pemilih ini adalah seperti berikut:

[attribute^="string"]

dengan atribut mewakili atribut ID dan rentetan menunjukkan rentetan separa untuk dipadankan.

Dalam kes anda, anda boleh menggunakan yang berikut pemilih untuk mencapai hasil yang diingini:

div[id^="as_"]

div[id^="bs_"]

Pemilih ini akan menyasarkan semua elemen dengan ID yang masing-masing bermula dengan "as_" dan "bs_".

Penyelesaian Alternatif

Sebagai alternatif kepada menggunakan pemilih atribut subrentetan ID separa, anda juga boleh menggunakan atribut kelas jika tersedia. Setiap kumpulan elemen boleh diberikan kelas kongsi, membolehkan pemilihan elemen berdasarkan kelas itu dan bukannya ID individu. Kaedah ini memudahkan pemilihan dan boleh dicapai dengan mudah melalui kod PHP yang digunakan untuk menjana ID elemen di tempat pertama.

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