Bagaimanakah Saya Boleh Menggayakan Elemen Terakhir dalam Senarai Sambil Mengekalkan Keserasian Merentas Pelayar?-tutorial css-php.cn

Bagaimanakah Saya Boleh Menggayakan Elemen Terakhir dalam Senarai Sambil Mengekalkan Keserasian Merentas Pelayar?

Susan Sarandon

Lepaskan： 2024-12-03 20:09:16

asal

533 orang telah melayarinya

How Can I Style the Last Element in a List While Maintaining Cross-Browser Compatibility?

Menggunakan Pemilih Anak Terakhir: Menangani Isu Keserasian Merentas Pelayar

Apabila cuba menggunakan CSS pada elemen terakhir dalam senarai ( cth.,

), anda mungkin menghadapi kesukaran menggunakan pemilih :last-child. Walaupun ia kelihatan mudah, pemilih ini mempunyai sokongan merentas penyemak imbas yang terhad.

Terutamanya, versi Internet Explorer sebelum 9 dan versi Safari sebelum 3.2 tidak mengecam pseudoclass :last-child. Selain itu, Internet Explorer 7 dan Safari 3.2 menyokong :first-child tetapi bukan :last-child.

Penyelesaian: Secara Eksplisit Menambah Kelas

Untuk memastikan keserasian merentas penyemak imbas, daripada bergantung pada :last-child, tambahkan atribut kelas, seperti last-child, pada elemen akhir. Kemudian, gunakan CSS menggunakan pemilih kelas tersebut (cth., li.last-child). Ini memastikan penggayaan yang diingini digunakan pada elemen yang dimaksudkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Elemen Terakhir dalam Senarai Sambil Mengekalkan Keserasian Merentas Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!