Pemilih Atribut CSS: Bilakah Tanda Sebut Harga Diperlukan?

Pemilih Atribut CSS: Kuantiti Tanda Sebut Harga

Pemilih atribut membenarkan pengarang CSS menyasarkan elemen berdasarkan atribut mereka. Walau bagaimanapun, kehadiran atau ketiadaan tanda petikan yang mengelilingi nilai atribut telah menjadi punca kekeliruan.

Menurut spesifikasi CSS, nilai atribut boleh dipetik sama ada menggunakan petikan tunggal atau berganda, atau boleh tidak dipetik sepenuhnya. Contoh berikut menggambarkan varian ini:

a[rel="nofollow"]
a[rel='nofollow']
a[rel=nofollow]

Secara amnya, nilai atribut yang tidak disebut harga dibenarkan jika nilai hanya terdiri daripada aksara abjad angka, sempang (-), atau garis bawah (_). Walau bagaimanapun, aksara khas tertentu, seperti ruang dan noktah, memerlukan tanda petikan untuk sah.

Sebagai contoh, pemilih berikut tidak akan berfungsi tanpa tanda petikan:

a[href^=http://]

Ini kerana watak tempoh akan ditafsirkan sebagai pemisah antara atribut dan nilai. Menggunakan tanda petikan memastikan bahawa tempoh itu diiktiraf sebagai sebahagian daripada nilai:

a[href^="http://"]

Sebagai amalan terbaik, adalah dinasihatkan untuk menggunakan tanda petikan di sekitar nilai atribut untuk mengelakkan kemungkinan konflik. Ini memastikan bahawa pemilih akan berfungsi seperti yang dimaksudkan, walaupun nilai atribut mengandungi aksara khas.

Atas ialah kandungan terperinci Pemilih Atribut CSS: Bilakah Tanda Sebut Harga Diperlukan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!