Bagaimana untuk Memilih Elemen dalam CSS Apabila Anda Hanya Tahu Sebahagian daripada ID Mereka?

Memilih Elemen dalam CSS mengikut Nilai ID Separa

Dalam pembangunan web, adalah perlu untuk memilih elemen dengan pengecam khusus untuk tujuan penggayaan atau manipulasi . Walau bagaimanapun, bagaimana jika anda hanya mengetahui sebahagian daripada ID elemen?

Cabaran:

Pertimbangkan senario di mana anda mempunyai elemen yang dijana secara dinamik dengan PHP, memberikan ID unik yang termasuk awalan:

<code class="html"><div class="1" id="as_1">...</div>
<div class="2" id="bs_1">...</div>

<div class="1" id="as_2">...</div>
<div class="2" id="bs_2">...</div></code>

Anda perlu memilih elemen ini secara individu tanpa mengetahui keseluruhan ID.

Batasan Pemilih ID:

• Pemilih ID memerlukan padanan tepat untuk memilih elemen.

• Percubaan penggunaan:

  <code class="css">#as_{ ... }
  #bs_{ ... }</code>

  Salin selepas log masuk

  Penyelesaian Alternatif: Pemilih Atribut Subrentetan:

Pemilih ID tidak sesuai untuk senario ini, tetapi pemilih atribut subrentetan boleh digunakan:

<code class="css">div[id^="as_"]
div[id^="bs_"]</code>

• [id^="as_"] memilih semua elemen yang IDnya bermula dengan "as_".
• [id^="bs_"] memilih semua elemen yang IDnya bermula dengan "bs_".

Cadangan Tambahan:

Jika elemen anda sudah mempunyai atribut kelas, pertimbangkan untuk memberikan kelas biasa kepada setiap kumpulan dan pilih mengikut kelas itu. Ini memudahkan proses dan memastikan pemilihan adalah bebas daripada kaedah penjanaan ID yang digunakan dalam PHP.

Atas ialah kandungan terperinci Bagaimana untuk Memilih Elemen dalam CSS Apabila Anda Hanya Tahu Sebahagian daripada ID Mereka?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!