Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menggayakan Item Senarai Terakhir dengan Boleh Dipercayai dalam Semua Pelayar?

Bagaimanakah Saya Boleh Menggayakan Item Senarai Terakhir dengan Boleh Dipercayai dalam Semua Pelayar?

Patricia Arquette
Lepaskan: 2024-11-29 07:23:09
asal
626 orang telah melayarinya

How Can I Reliably Style the Last List Item in All Browsers?

Menggunakan Pemilih Anak Terakhir

Apabila cuba menyasarkan elemen li akhir dalam ul tertentu, seseorang mungkin secara semula jadi mempertimbangkan untuk menggunakan : pemilih anak terakhir. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa kelas pseudo ini mempunyai sokongan penyemak imbas terhad, terutamanya dalam versi Internet Explorer dan Safari yang lebih lama.

Dalam keadaan sedemikian, alternatif yang boleh dipercayai adalah dengan menetapkan li terakhir secara eksplisit menggunakan li yang khusus kelas, seperti anak terakhir. Ini membolehkan anda menyasarkannya secara khusus dengan CSS:

li.last-child {
    border-bottom: 1px solid #b5b5b5;
}
Salin selepas log masuk

Pendekatan ini memastikan keserasian merentas penyemak imbas dan menyerlahkan li terakhir secara berkesan, seperti yang dimaksudkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Item Senarai Terakhir dengan Boleh Dipercayai dalam Semua Pelayar?. 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