Bolehkah Pemilih CSS Menyasarkan Elemen dengan Sebarang Atribut \'data\'?

Pemilih Wildcard untuk Nama Atribut

Soalan:

Adakah terdapat cara untuk menggunakan CSS pemilih untuk menyasarkan elemen yang mempunyai sebarang atribut "data", tanpa mengira spesifiknya nama?

Jawapan:

Pada masa ini, tiada pemilih kad bebas terbina dalam dalam CSS yang menyasarkan nama atribut. Walau bagaimanapun, terdapat satu cara untuk memilih elemen dengan nama atribut tertentu:

E[foo]

Pemilih ini memilih elemen dengan atribut "foo", tanpa mengira nilainya.

Perbincangan Lanjutan:

Sementara pemilihan kad bebas untuk nilai atribut disokong melalui pelbagai pengendali, seperti *= dan ^=, tiada persamaan untuk nama atribut kad bebas. Cadangan telah dibuat untuk sintaks sedemikian, termasuk:

x-admin-* { ... }
[data-my-*] { ... }

Walau bagaimanapun, ini masih belum diseragamkan dan tertakluk kepada sokongan penyemak imbas.

Nota Tambahan:

• Spesifikasi Tahap 3 Pemilih W3C tidak termasuk kad bebas untuk atribut nama.
• Percubaan untuk mencipta pemilih kad bebas untuk nama atribut, seperti [data-*] atau [data-^], tidak akan berfungsi.

Atas ialah kandungan terperinci Bolehkah Pemilih CSS Menyasarkan Elemen dengan Sebarang Atribut \'data\'?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!