Pemilih Atribut CSS: Untuk Memetik atau Tidak Memetik?

Pemilih Atribut dalam CSS: Teka-teki Tanda Sebut Harga

Apabila membuat pemilih atribut CSS untuk memadankan atribut elemen, seperti a[rel=" nofollow"], dilema berterusan timbul: sama ada untuk memasukkan petikan atau tidak markah.

Soalan Sebut Harga

Spesifikasi CSS menentukan garis panduan untuk sintaks pemilih atribut, termasuk peletakan tanda petikan di sekitar nilai atribut.

Adakah Tanda Sebutharga Perlu?

Secara amnya, tanda petikan tidak diperlukan jika nilai atribut hanya terdiri daripada aksara alfanumerik. Walau bagaimanapun, pengecualian wujud untuk:

• Nilai yang mengandungi ruang putih (mis., a[title=Halaman Saya])
• Nilai yang mengandungi aksara khas untuk sintaks CSS (cth., asterisk, kurungan, dsb. .)
• Nilai yang bermula dengan tanda sempang (cth., a[class=invalid-class])

Contoh Pemilih Sah

Berdasarkan peraturan yang dinyatakan di atas, pemilih atribut berikut dianggap sah:

a[rel="nofollow"]

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

a[data-id='123']

Terbaik Amalan

Walaupun petikan adalah pilihan untuk nilai abjad angka, ia dianggap sebagai amalan terbaik untuk memasukkannya bagi memastikan konsistensi dan mengelakkan konflik yang mungkin berlaku.

Sumber

Untuk analisis menyeluruh tentang topik ini, rujuk kepada:

• [Nilai Atribut Tidak Dipetik dalam HTML dan CSS](pautan disediakan dalam jawapan)
• [Pengesah Nilai Atribut Tidak Dipetik](pautan disediakan dalam jawapan)

Atas ialah kandungan terperinci Pemilih Atribut CSS: Untuk Memetik atau Tidak Memetik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!