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

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;
}

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;
  }

  Dengan menambahkan kelas "anak terakhir" kepada elemen HTML:

  <li class="last-child"><a href="#">...</a></li>

  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!