Rumah > hujung hadapan web > tutorial css > Bolehkah Pemilih CSS Menyasarkan Elemen dengan Nama Atribut Kad Liar?

Bolehkah Pemilih CSS Menyasarkan Elemen dengan Nama Atribut Kad Liar?

Linda Hamilton
Lepaskan: 2024-11-28 00:37:11
asal
308 orang telah melayarinya

Can CSS Selectors Target Elements with Wildcard Attribute Names?

Pemilih CSS untuk Nama Atribut Berdasarkan Wildcard

Memilih elemen berdasarkan atribut "data-*" mereka dalam CSS boleh dicapai melalui pelbagai kaedah. Walau bagaimanapun, persoalan biasa timbul berkenaan elemen penyasaran dengan sebarang atribut "data" tanpa mengira nama khususnya.

Had Semasa:

Malangnya, pada masa ini tiada pemilih CSS tersedia yang boleh menyasarkan elemen dengan nama atribut yang sepadan dengan mana-mana kad bebas. Sintaks yang tersedia memfokuskan pada penyasaran nilai atribut, bukan nama itu sendiri.

Penyasaran Nama Atribut:

Satu-satunya cara untuk menyasarkan nama atribut dalam CSS adalah melalui sintaks:

E[foo]
Salin selepas log masuk

Pemilih ini akan memilih semua elemen dengan atribut "foo", tanpa mengira nilai.

Alternatif Wildcard:

Walaupun kekurangan pemilih nama atribut wildcard, urutan terbaharu dalam senarai mel [email protected] telah mencadangkan sintaks yang berpotensi:

x-admin-* { ... }
[data-my-*] { ... }
Salin selepas log masuk

Sintaks yang dicadangkan ini telah mendapat sedikit penerimaan dan mungkin menjadi standard pada masa hadapan. Walau bagaimanapun, pada masa ini, ia masih tidak disokong dan bukan penyelesaian yang berdaya maju untuk menyasarkan nama atribut dengan aksara kad bebas.

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

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan