Mengapa Pemilih :last-child Saya Tidak Berfungsi?

Pemahaman :last-child

Pemilih CSS :last-child direka bentuk untuk menyasarkan elemen anak terakhir ibu bapa. Dalam sampel kod yang diberikan, anda telah menggunakan pemilih pada elemen dengan kelas "lengkap". Walau bagaimanapun, masalah timbul apabila elemen induk mengandungi elemen tambahan yang tidak disasarkan oleh pemilih.

Isunya

Dalam HTML yang disediakan,

elemen dengan kelas "lengkap" bukanlah elemen terakhir dalam induk

unsur. Ini bermakna pemilih :last-child tidak akan digunakan padanya.

Penyelesaian Alternatif

Untuk menyelesaikan isu ini, anda boleh mencuba pemilih alternatif:

• :last-of-type: Pemilih ini akan menyasarkan elemen terakhir jenis tertentu dalam ibu bapa. Dalam kes ini, ia akan memilih
• elemen dengan kelas "lengkap".
• jQuery $("li.complete").last();": Ungkapan jQuery ini akan memilih elemen terakhir yang sepadan dengan "li. pemilih lengkap". Ini ialah cara yang berkesan untuk menyasarkan elemen yang diingini apabila anda mempunyai berbilang elemen dengan elemen yang sama kelas.

Memahami Tingkah Laku

Adalah penting untuk diingat bahawa :last-child tidak akan memilih elemen jika ia bukan elemen terakhir dalam Dalam erti kata lain, jika terdapat unsur lain selepas elemen sasaran, :last-child tidak akan digunakan :last-of-type, yang menyasarkan elemen terakhir jenis tertentu tanpa mengira kedudukannya dalam induk.

Kesimpulan

Apabila menggunakan :last-child, pastikan elemen yang disasarkan ialah anak terakhir dalam bekas induknya Jika tidak, pertimbangkan untuk menggunakan pemilih alternatif seperti :last-of-type atau ungkapan jQuery untuk mencapai yang diingini hasil.

Atas ialah kandungan terperinci Mengapa Pemilih :last-child Saya Tidak Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!