Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan kandungan artikel: Memberi tumpuan kepada perbezaan teras: * Mengapa `.class:last-of-type` Tidak Berfungsi Seperti `.class:last-of-class`? * Apakah Kelakuan Sebenar

Memahami Gelagat .class:last-of-type

Isu yang dihadapi ialah pemilih .class:last-of- jenis tidak berfungsi seperti pemilih .class:last-of-class. Sebaliknya, ia secara khusus menyasarkan elemen yang merupakan adik beradik terakhir jenis mereka dalam elemen bekas.

Memahami .last-of-type

Mengikut spesifikasi W3C, kelas pseudo jenis .last-of-type mewakili elemen yang merupakan adik beradik terakhir jenis mereka. Ini bermakna:

1. Ia menyemak senarai elemen dalam setiap elemen bekas dalam HTML.
2. Ia mengenal pasti elemen terakhir dalam setiap senarai.
3. Ia mengesahkan bahawa elemen terakhir sepadan dengan jenis elemen yang ditentukan (cth., p).

Menggunakan Peraturan

Dalam contoh yang disediakan, pemilih .visible:last -of-type digunakan. Ini bermakna gaya hanya akan digunakan pada:

• Elemen yang merupakan teg p.
• Elemen yang mempunyai kelas .boleh dilihat.
• Elemen yang merupakan teg p terakhir dengan kelas .visible dalam elemen bekasnya.

Menyelesaikan Isu

Memandangkan hanya dua elemen p pertama mempunyai kelas .visible, elemen p ketiga tidak akan memenuhi kriteria untuk pemilih .visible:last-of-type. Akibatnya, sifat paparannya tidak akan ditetapkan untuk menyekat.

Untuk mencapai hasil yang diingini, pertimbangkan pilihan berikut:

• Pastikan bahawa perlawanan akhir tag p juga mempunyai kelas .visible.
• Jika JavaScript tidak boleh digunakan, teroka pendekatan CSS alternatif untuk memilih elemen p terakhir dengan kelas tertentu.

Atas ialah kandungan terperinci Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan kandungan artikel: Memberi tumpuan kepada perbezaan teras: * Mengapa `.class:last-of-type` Tidak Berfungsi Seperti `.class:last-of-class`? * Apakah Kelakuan Sebenar. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!