Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menyasarkan Elemen dengan ID yang Mengandungi Teks Khusus dalam CSS?

Bagaimana untuk Menyasarkan Elemen dengan ID yang Mengandungi Teks Khusus dalam CSS?

DDD
DDDasal
2024-10-30 20:45:03569semak imbas

How to Target Elements with IDs Containing Specific Text in CSS?

Pemilih CSS untuk Menyasarkan Elemen dengan ID yang Mengandungi Teks Khusus

Anda mempunyai elemen dengan ID seperti berikut:

<code class="html"><a> element with id = someGenerated Some:Same:0:name</a>
<a> element with id = someGenerated Some:Same:0:surname</a>
<a> element with id = someGenerated Some:Same:1:name</a>
<a> element with id = someGenerated Some:Same:1:surname</a></code>

Anda memerlukan pemilih CSS untuk mendapatkan semula elemen dengan ID yang mengandungi "nama". Menggunakan a[id*='Some:Same'] sahaja akan mengembalikan semua elemen, yang bukan perkara yang anda mahukan.

Sebaliknya, gunakan pemilih berikut:

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

Pemilih ini menggabungkan subrentetan dan perlawanan akhir. Ia akan memilih semua elemen dengan ID yang mengandungi "Sesetengah: Sama" dan berakhir dengan "nama". Ini akan mengasingkan elemen yang dikehendaki dengan tepat.

Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan Elemen dengan ID yang Mengandungi Teks Khusus dalam CSS?. 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