Bagaimana untuk Memilih Elemen Anak Terakhir Tanpa Kelas Khusus dalam CSS?

Menggabungkan :anak terakhir dengan Pemilih :not(.class) dalam CSS

Soalan:

Adakah boleh untuk memilih elemen anak terakhir yang tidak mempunyai atribut kelas tertentu? Sebagai contoh, pertimbangkan HTML berikut:

<tr...></tr>
<tr...></tr>
<tr...></tr>
<tr>

Objektifnya adalah untuk memilih baris ketiga dalam senario ini.

Pendekatan Awal:

Percubaan awal menggunakan pemilih CSS ialah tidak berjaya:

tr:not(.table_vert_controls):last-child

Jawapan:

Pemilih CSS tulen tidak boleh menyelesaikan tugas ini, kerana :last-child beroperasi hanya pada anak terakhir. Kelas pseudo kelas terakhir yang setanding kurang.

Penyelesaian Alternatif:

• Pemilih 4 Sambungan: Dalam tidak lama lagi, sokongan mungkin tersedia untuk pengembangan kepada :nth-child() dan :nth-last-child() yang membolehkan melepasi pemilih sewenang-wenangnya sebagai hujah. Ini akan membenarkan sintaks berikut:

tr:nth-last-child(1 of :not(.table_vert_controls))

• Kelas Tambahan: Sertakan kelas tambahan sebelum kelas yang bermasalah.
• Pemilih jQuery: Gunakan pemilih jQuery seperti:

$('tr:not(.table_vert_controls):last')

Atas ialah kandungan terperinci Bagaimana untuk Memilih Elemen Anak Terakhir Tanpa Kelas Khusus dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!