Bagaimana untuk Menggayakan Item Senarai Terakhir dalam CSS Sambil Mengekalkan Keserasian Merentas Pelayar?

Memohon CSS pada Item Senarai Terakhir dengan :last-child

Dalam percubaan untuk menggayakan hanya item senarai terakhir (

#refundReasonMenu #nav li:last-child {
    border-bottom: 1px solid #b5b5b5;
}

Walau bagaimanapun, pendekatan ini gagal untuk memilih item senarai terakhir. Isu ini berpunca daripada sokongan penyemak imbas terhad untuk kelas pseudo :last-child.

Kebimbangan Keserasian Penyemak Imbas

Walaupun penggunaannya meluas dalam penyemak imbas moden, :last-child tidak disokong secara universal. Versi Internet Explorer sebelum 9 dan versi Safari sebelum 3.2 terutamanya tidak menyokongnya.

Penyelesaian Alternatif

Untuk menangani isu keserasian ini, adalah dinasihatkan untuk menambah secara eksplisit anak terakhir atau kelas yang serupa dengan item senarai yang diingini dan gunakan gaya pada li.anak terakhir. Kaedah ini memastikan keserasian merentas pelbagai pelayar:

ul#nav li.last-child {
    border-bottom: 1px solid #b5b5b5;
}

Atas ialah kandungan terperinci Bagaimana untuk Menggayakan Item Senarai Terakhir dalam CSS Sambil Mengekalkan Keserasian Merentas Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!