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

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!

sumber：php.cn

Artikel sebelumnya：Bagaimana untuk Memutar Teks dalam Sel Jadual HTML Menggunakan Transformasi CSS? Artikel seterusnya：Flex, Box atau Flexbox: Nilai Paparan Mana Yang Perlu Anda Gunakan?

Kenyataan Laman Web ini

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

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

0

3

2063

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

0

11

2222

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

0

1

1872

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...

daripada 2024-04-18 23:52:34

0

1

1753

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

1781

Topik-topik yang berkaitan

Lagi>

• c kaedah permulaan tatasusunan
• Perbezaan antara hibernasi tingkap dan tidur
• Penyelesaian kepada ralat sintaks prosedur sql
• Bagaimana untuk memulihkan fail yang dipadam secara tidak sengaja
• Apakah rangka kerja musim bunga?
• Kaedah kawalan motor stepper
• Bagaimana untuk menyelesaikan ralat aplikasi WerFault.exe
• Pengenalan kepada jenis antara muka