Bagaimana untuk Memilih Anak Terakhir Yang Tidak Mempunyai Kelas Khusus dalam CSS?

Menggabungkan :last-child dengan :not(.class) Selector dalam CSS

Dalam CSS, selalunya terdapat keperluan untuk memilih elemen tertentu berdasarkan berbilang kriteria. Satu kes sedemikian ialah memilih anak terakhir yang tidak mempunyai kelas tertentu. Walaupun ia kelihatan mudah, hanya menggunakan pemilih :last-child dan :not(.class) tidak menghasilkan hasil yang diingini.

Menggunakan :last-child dan :not(.class)

Pemilih :last-child menyasarkan anak terakhir elemen, manakala :not(.class) memilih elemen yang tidak mempunyai kelas tertentu. Walau bagaimanapun, pemilih ini tidak boleh digabungkan secara langsung untuk mencapai kesan yang diingini.

Pertimbangkan contoh berikut:

Matlamatnya adalah untuk memilih baris ketiga, yang tidak mempunyai "table_vert_controls "kelas. Peraturan CSS berikut tidak akan berfungsi:

Peraturan ini akan memilih baris terakhir, tidak kira sama ada ia mempunyai kelas "table_vert_controls" atau tidak.

Penyelesaian Alternatif

Memandangkan pemilih CSS sahaja tidak dapat mengendalikan gabungan khusus ini, penyelesaian alternatif diperlukan:

• Penggunaan kelas tambahan: Tambahkan kelas tambahan pada elemen sebelum kelas yang diingini, seperti "anak terakhir-tiada-kelas". Kemudian, gunakan peraturan berikut:

• pemilih jQuery: Gunakan enjin pemilih jQuery yang lebih berkuasa untuk memilih elemen yang dikehendaki:

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