Bolehkah Anda Memilih Elemen mengikut Nilai ID Separa dengan CSS?

Memilih Elemen mengikut Nilai ID Separa dengan CSS

Dalam bidang CSS, mengenal pasti elemen dengan ketepatan adalah yang paling penting. Soalan ini menyelidiki kemungkinan untuk memilih elemen bukan dengan nilai ID lengkapnya tetapi dengan padanan separa.

Elemen Dijana PHP dengan ID Tidak Lengkap

Masalah timbul daripada elemen yang dijana PHP dengan nilai ID separa. Contohnya:

<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>

Walaupun atribut kelas mengumpulkan elemen mengikut persamaan, keperluan untuk memilihnya secara individu menimbulkan cabaran kerana nama ID yang tidak lengkap.

Padanan ID Separa dengan CSS

Malangnya, pemilih ID CSS menuntut nilai ID yang lengkap, memberikan cadangan seperti #as_{ ... } dan #bs_{ ... } tidak berkesan.

Pemilih Subrentetan Atribut: Alternatif

Pemilih subrentetan atribut menawarkan pendekatan alternatif:

div[id^="as_"]
div[id^="bs_"]

Pemilih ini sepadan dengan elemen yang nilai IDnya bermula dengan rentetan yang ditentukan. Walau bagaimanapun, bergantung pada kaedah ini boleh membawa kepada akibat yang tidak diingini jika elemen lain berkongsi awalan yang serupa dalam ID mereka.

Penyelesaian Praktikal Menggunakan Kelas

Memandangkan kehadiran atribut kelas, penyelesaian yang lebih mudah melibatkan memberikan kelas biasa kepada setiap kumpulan elemen dan menyasarkannya melalui CSS melalui kelas itu. Penamaan kelas boleh diperoleh daripada logik PHP yang bertanggungjawab untuk menjana ID. Pendekatan ini memudahkan proses pemilihan sambil mengekalkan kekhususan yang diingini.

Atas ialah kandungan terperinci Bolehkah Anda Memilih Elemen mengikut Nilai ID Separa dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!