Bagaimanakah Saya Boleh Memilih Elemen dengan Sebarang Atribut \"data\" dalam CSS?

Pemilih CSS untuk Nama Atribut Berdasarkan Kad Liar

Apabila bekerja dengan pemilih CSS, elemen penyasaran berdasarkan atributnya adalah penting. Atribut "data-*" menyediakan cara yang mudah untuk menyimpan data tersuai untuk elemen. Walau bagaimanapun, mungkin terdapat keadaan di mana anda perlu memilih elemen yang mempunyai sebarang atribut "data", tanpa mengira nama khususnya.

Penyasaran Nama Atribut Semasa

Pada masa ini, CSS tidak menawarkan sokongan asli untuk pemilih kad bebas untuk nama atribut. Cadangan [data-*] ialah idea yang menarik tetapi masih belum dilaksanakan.

Pilihan Sedia Ada

Walaupun tiada penyelesaian langsung untuk nama atribut kad liar, anda boleh menggunakan Pemilih CSS berikut:

[data]

Pemilih ini menyasarkan mana-mana elemen dengan atribut "data", tanpa mengira namanya. Walau bagaimanapun, ia boleh menyebabkan pemilihan elemen secara tidak sengaja dengan atribut lain yang bermula dengan "data."

Sintaks Cadangan

Sintaks cadangan yang menjanjikan daripada [email protected] senarai mel ialah:

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

Sintaks ini membenarkan pemadanan kad bebas dalam awalan atribut nama, membolehkan penyasaran yang lebih khusus.

Kesimpulan

Pada masa ini, tiada cara langsung untuk menyasarkan elemen berdasarkan nama atribut kad bebas dalam CSS. Walau bagaimanapun, sintaks yang dicadangkan menjanjikan pembangunan masa hadapan yang akan membolehkan pemilihan berasaskan atribut yang lebih serba boleh dan cekap.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen dengan Sebarang Atribut \"data\" dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!