Bagaimana untuk Menyasarkan Label dengan Atribut 'untuk' Khusus dalam CSS?

Memilih Label mengikut 'untuk' Atribut dalam CSS

Untuk mengubah suai reka letak label tertentu berdasarkan atribut 'untuk' mereka, CSS menyediakan pemilih atribut.

Pemilih Atribut untuk Label

Sintaks untuk memilih label mengikut atribut 'untuk' ialah:

label[for="XYZ"]

di mana "XYZ" mewakili nilai atribut yang diingini.

Penggunaan

CSS:

label[for="email"]
{
    /* ...layout definitions here... */
}

JavaScript (DOM):

var element = document.querySelector("label[for=email]");

JavaScript (jQuery):

var element = $("label[for=email]");

Padanan Nilai Atribut

Jika nilai atribut mengandungi aksara yang tidak dibenarkan dalam pengecam CSS (cth., ruang, kurungan), sertakan dalam satu atau dua petikan:

label[for="field[]"]
{
    /* ...definitions here... */
}

Keserasian Penyemak Imbas

Perhatikan bahawa pemilih atribut mungkin tidak disokong dalam penyemak imbas lama seperti versi IE di bawah 8. Untuk keserasian merentas penyemak imbas, pertimbangkan untuk menggunakan kelas atau kaedah struktur lain.

Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan Label dengan Atribut 'untuk' Khusus dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!