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

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!