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

2

1693

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

10

1856

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

1570

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

1478

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

1528

Topik-topik yang berkaitan

Lagi>

• Peranan antara muka vga
• Tutorial tetapan kata laluan permulaan Windows 10
• Senarai kekunci pintasan Mac
• Perkara yang perlu dilakukan jika ikon desktop komputer tidak boleh dibuka
• Bagaimana untuk menetapkan saiz fon html
• Apa yang perlu dilakukan jika komputer tidak mempunyai bunyi
• Bagaimana untuk mengubah dua halaman menjadi satu dokumen perkataan
• Bolehkah Douyin mengecas semula bil telefon dikembalikan?