Rumah >hujung hadapan web >tutorial css >Bolehkah CSS Memilih Elemen Berdasarkan Atribut Data HTML5?

Bolehkah CSS Memilih Elemen Berdasarkan Atribut Data HTML5?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-28 17:08:10258semak imbas

Can CSS Select Elements Based on HTML5 Data Attributes?

Memilih Elemen mengikut Atribut Data HTML5 dalam CSS

Soalan: Bolehkah elemen dipilih dalam CSS berdasarkan datanya - atribut (cth., data-role)?

Jawapan: Menggunakan pemilih atribut, memilih elemen berdasarkan atribut data HTML5 mereka pastinya boleh dilaksanakan. Pertimbangkan contoh berikut:

[data-role="page"] {
    /* Styles */
}

Versatiliti Pemilih Atribut:
CSS menawarkan banyak pemilih atribut untuk menampung pelbagai senario, seperti yang diperincikan dalam dokumentasi yang dipautkan.

Sokongan Pelayar dan CSS Pengesahan:
Perlu diperhatikan bahawa walaupun atribut data tersuai ialah ciri HTML5, penyemak imbas biasanya menyokong atribut bukan standard. Ini bermakna anda boleh berjaya menapis atribut ini menggunakan pemilih atribut. Selain itu, pengesahan CSS kekal tidak terjejas, kerana ia tidak mempedulikan nama atribut di luar ruang nama, dengan syarat ia mematuhi sintaks pemilih.

Atas ialah kandungan terperinci Bolehkah CSS Memilih Elemen Berdasarkan Atribut Data HTML5?. 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