Mengapakah `p.visible:last-of-type` tidak menyasarkan Elemen Perenggan Terlihat Terakhir?

:Gelagat Pemilih jenis terakhir

Kelas pseudo :last-of-type menyasarkan elemen terakhir bagi jenis yang ditentukan dalam bekas induk. Walau bagaimanapun, dalam konteks pemilih CSS anda (p.visible:last-of-type), adalah penting untuk ambil perhatian bahawa :last-of-type semata-mata digunakan pada jenis elemen dan bukan tika kelas.

Dalam anda Penanda HTML:

<code class="html"><div>
  <p class="visible">This should be hidden</p>
  <p class="visible">This should be displayed</p>
  <p>This should be hidden</p>
</div></code>

Isu timbul kerana :last-of-type menyasarkan

elemen, yang dalam kes ini tidak mempunyai kelas .visible. Akibatnya, tiada satu pun daripada

elemen kelihatan.

Penyelesaian

Untuk menyasarkan

elemen dengan kelas .visible, anda mesti menggunakan JavaScript, kerana tiada pemilih CSS terbina dalam untuk tujuan khusus ini.

Atas ialah kandungan terperinci Mengapakah `p.visible:last-of-type` tidak menyasarkan Elemen Perenggan Terlihat Terakhir?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!