Rumah >hujung hadapan web >tutorial css >Mengapa `.class:last-of-type` tidak Memilih Elemen Terakhir dengan Kelas Tertentu?

Mengapa `.class:last-of-type` tidak Memilih Elemen Terakhir dengan Kelas Tertentu?

Susan Sarandon
Susan Sarandonasal
2024-10-28 08:06:02489semak imbas

Why Doesn't `.class:last-of-type` Select the Last Element with a Specific Class?

Mengapa .class:last-of-type Tidak Berfungsi seperti yang Dijangkakan?

Pemilih .class:last-of-type ialah direka untuk menyasarkan elemen akhir jenis tertentu dalam bekas tertentu, bukan elemen akhir dengan kelas tertentu.

Dalam contoh ini:

<code class="css">p{
    display: none;
}
p.visible:last-of-type {
    display: block;
}</code>

Pemilih sedang mencari yang terakhir

elemen dalam setiap elemen yang mengandungi. Walau bagaimanapun, kerana tiada satu pun daripada

elemen mempunyai kelas .visible digunakan, pemilih akhirnya tidak memilih satu pun daripada mereka.

Untuk menyasarkan elemen akhir dengan kelas .visible, gunakan pemilih berikut:

<code class="css">div p:last-of-type.visible {
    display: block;
}</code>

Pemilih ini menyasarkan

elemen dalam setiap

yang juga mempunyai kelas .terlihat.

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

Kenyataan:
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