Mengapakah `:last-of-type` Gagal Memilih Elemen Terakhir dengan Kelas Tertentu?

Mengapa :last-of-type Tersalah Pilih dengan Atribut Kelas

Dalam kod HTML dan CSS yang disediakan, ia bertujuan untuk hanya elemen terakhir dengan kelas "kelihatan" dalam div untuk dipaparkan. Walau bagaimanapun, pemilih .class:last-of-type kekal tidak berkesan.

Isu ini timbul daripada salah tanggapan terhadap fungsi :last-of-type. Walaupun ia memilih elemen terakhir bagi jenis tertentu dengan tepat (dalam kes ini,

elemen), ia tidak mengambil kira atribut kelas tertentu.

Kefungsian Kelas Pseudo:

W3C mentakrifkan :last-of-type sebagai: "Elemen yang merupakan adik beradik terakhir dari jenisnya." Tingkah lakunya boleh diringkaskan seperti berikut:

1. Ia mengenal pasti elemen dalam setiap elemen yang mengandungi dalam HTML.
2. Ia mencari elemen terakhir dalam setiap set elemen yang dikenal pasti.
3. Ia mengesahkan jika elemen yang dipilih ialah

   elemen.

4. Ia menyemak kehadiran atribut kelas ".visible".

Analisis Pemilih:

Pemilih p. visible:last-of-type menyasarkan yang berikut:

• Mengenal pasti semua

  elemen dalam setiap div.

• Memilih

  elemen dalam setiap set.

• Memerlukan kedua-dua

  elemen dan atribut kelas ".visible".

Hasil:

Memandangkan hanya dua

elemen mempunyai kelas ".kelihatan", tiada satu pun daripada

elemen menjadi kelihatan walaupun menggunakan :last-of-type dengan betul.

Penyelesaian:

Untuk memilih elemen terakhir dengan kelas ".visible", pendekatan yang berbeza ialah perlu. JavaScript atau penyelesaian berasaskan atribut CSS tersuai mungkin menyediakan penyelesaian yang sesuai.

Atas ialah kandungan terperinci Mengapakah `:last-of-type` Gagal Memilih Elemen Terakhir dengan Kelas Tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!