Bagaimanakah saya boleh menggunakan pemilih CSS untuk menyasarkan elemen yang IDnya mengandungi teks tertentu dan berakhir dengan rentetan tertentu?

Pemilih CSS untuk ID yang Mengandungi Teks Separa

Dalam usaha menyasarkan elemen tertentu berdasarkan ID mereka, anda mungkin menghadapi senario seperti satu yang dikemukakan dalam soalan. ID yang dipersoalkan mengikut corak tertentu dan matlamatnya adalah untuk memilih elemen dengan ID yang mengandungi teks tertentu, diikuti dengan titik bertindih dan berakhir dengan "nama."

Untuk mencapai ini, pemilih CSS disediakan dalam jawapannya memenuhi tujuan dengan cemerlang:

<code class="css">a[id*='Some:Same'][id$='name']</code>

Memecahkan pemilih ini:

• a[id*='Some:Sama']: Ini memilih semua elemen yang IDnya mengandungi teks "Sesetengah: Sama." Kad bebas asterisk (*) membenarkan mana-mana aksara muncul sebelum "Sesetengah:Sama."
• [id$='name']: Ini memilih semua elemen yang IDnya berakhir dengan teks "nama." Tanda dolar ($) kad bebas memastikan bahawa "nama" muncul di hujung ID.

Menggabungkan kedua-dua kriteria menggunakan notasi kurungan segi empat sama, kami hanya memilih elemen yang IDnya mengandungi "Sesetengah:Sama" dan berakhir dengan "nama." Ini secara berkesan menyasarkan elemen khusus dengan ID seperti "someGenerated Some:Same:0:name" atau "someGenerated Some:Same:1:name."

Jadi, bukannya menggunakan pendekatan rumit yang mendapatkan semula semua elemen dan kemudian menapisnya berdasarkan ID mereka yang berakhir dengan "nama", pemilih CSS ini menyediakan cara yang bersih dan cekap untuk memilih secara langsung elemen yang dikehendaki.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggunakan pemilih CSS untuk menyasarkan elemen yang IDnya mengandungi teks tertentu dan berakhir dengan rentetan tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!