Bolehkah Anda Menggunakan Nilai Atribut sebagai Pemilih CSS?

Bolehkah Nilai Atribut Digunakan Sebagai Pemilih CSS?

Mengemas kini CSS secara dinamik berdasarkan nilai input ialah keperluan biasa dalam pembangunan web. Penyemak imbas sememangnya tidak menyokong fungsi ini, kerana pemilih CSS biasanya menyasarkan atribut statik.

Nilai Dinamik

Seperti yang dijelaskan, peraturan CSS mudah menyasarkan nilai atribut, bukan nilai sebenar. Untuk kemas kini dinamik, JavaScript boleh digunakan untuk memanipulasi CSS berdasarkan nilai input.

Jawapan Asal

Walau bagaimanapun, penyasaran nilai statik masih boleh dilakukan menggunakan pemilih atribut CSS:

<code class="css">input[value="United States"] { color: #F90; }</code>

Pemilih ini menyasarkan input dengan atribut nilai "Amerika Syarikat" dan menetapkan warna teks kepada merah.

Pemilih Atribut CSS

Pemilih atribut CSS merujuk atribut input dengan cara berikut:

• [attr] - Memadankan elemen dengan set atribut "attr", tanpa mengira nilai.
• [attr=val] - Memadankan elemen dengan nilai atribut "attr" sama dengan " val".
• [attr~=val] - Memadankan elemen dengan nilai atribut "attr" yang mengandungi "val".
• [attr|=val] - Memadankan elemen dengan "attr" nilai atribut sama dengan "val" atau bermula dengan "val-".

Atas ialah kandungan terperinci Bolehkah Anda Menggunakan Nilai Atribut sebagai Pemilih CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!