masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menggayakan Elemen Anak Terakhir dalam CSS Merentas Semua Pelayar?

Bagaimanakah Saya Boleh Menggayakan Elemen Anak Terakhir dalam CSS Merentas Semua Pelayar?

Patricia Arquette
Lepaskan： 2024-11-28 14:13:16
asal
725 orang telah melayarinya

How Can I Reliably Style the Last Child Element in CSS Across All Browsers?

Memahami Pemilih :last-child

Dalam konteks penggayaan halaman web, pemilih :last-child membenarkan anda menggunakan gaya khususnya kepada elemen terakhir dalam konteks tertentu. Walau bagaimanapun, penggunaannya boleh terbukti mencabar dalam situasi tertentu.

Pertimbangkan senario di mana anda ingin menggunakan gaya pada

  • elemen dalam
      bekas. Melaksanakan peraturan CSS berikut:

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

      Sementara kami berhasrat untuk menggunakan penggayaan ke

    • elemen, ia mungkin gagal berbuat demikian. Ini kerana keserasian silang pelayar dengan :last-child boleh menjadi tidak boleh dipercayai. Terutamanya, versi Internet Explorer di bawah 9 dan versi Safari di bawah 3.2 kurang sokongan untuk pseudoclass ini.

      Mengatasi Ketidakserasian Penyemak Imbas

      Untuk memastikan konsistensi merentas penyemak imbas, adalah disyorkan untuk menggunakan sebaliknya kelas eksplisit untuk anak terakhir:

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

      Dengan menambahkan kelas "anak terakhir" kepada elemen HTML:

      <li class="last-child"><a href="#">...</a></li>
      Salin selepas log masuk

      Anda boleh menyasarkan dan menggayakan

    • elemen dalam bekas #nav.

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

    • sumber：php.cn
    Artikel sebelumnya：Bagaimana untuk Memusatkan Div Tetap dan Diposisikan Sempurna? Artikel seterusnya：Bagaimanakah Saya Boleh Menukar Warna Latar Belakang Pilihan Terpilih dalam Elemen `` HTML?
    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
    Isu terkini
    function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
    daripada 2024-04-29 11:01:01
    0
    3
    2052
    Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
    daripada 2024-04-23 00:22:19
    0
    11
    2206
    Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
    daripada 2024-04-19 15:37:47
    0
    1
    1862
    Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
    daripada 2024-04-18 23:52:34
    0
    1
    1749
    Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
    daripada 2024-04-16 10:10:18
    0
    0
    1772
    Topik-topik yang berkaitan
    Lagi>
    Cadangan popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan