Rumah >hujung hadapan web >tutorial css >Pemilih Atribut CSS: Untuk Memetik atau Tidak Memetik?

Pemilih Atribut CSS: Untuk Memetik atau Tidak Memetik?

Linda Hamilton
Linda Hamiltonasal
2024-12-11 05:50:10303semak imbas

CSS Attribute Selectors: To Quote or Not to Quote?

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn