Bagaimana untuk Memilih Elemen Terakhir Tanpa Kelas Tertentu dalam CSS?

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

Dalam CSS, pemilih :last-child digunakan untuk memilih elemen terakhir dalam senarai elemen. Walau bagaimanapun, anda tidak boleh menggunakan pemilih ini untuk memilih anak terakhir yang tidak mempunyai atribut kelas tertentu.

Untuk mencapai ini, seseorang mungkin cuba menggunakan pemilih berikut:

tr:not(.table_vert_controls):last-child

Malangnya, pemilih ini tidak akan berfungsi kerana :last-child secara khusus menyasarkan elemen terakhir dalam senarai, dan tiada persamaan :last-of-class pseudo-class.

Sehingga akhir 2015, Selectors 4 memperkenalkan sambungan kepada pemilih :nth-child() dan :nth-last-child(), membolehkan pemilihan yang lebih kompleks. Sambungan ini termasuk keupayaan untuk lulus pemilih sewenang-wenangnya sebagai hujah:

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

Walaupun pendekatan ini lebih bertele-tele, ia menyediakan cara yang lebih tepat dan cekap untuk memilih elemen yang diingini. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa sokongan untuk Selectors 4 masih terhad.

Untuk penyemak imbas yang tidak menyokong Selectors 4, pendekatan alternatif ialah menggunakan pemilih JavaScript:

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

Pemilih jQuery ini mencapai hasil yang sama seperti pemilih Pemilih 4. Perlu diingat bahawa menggunakan JavaScript mungkin memperkenalkan implikasi prestasi berbanding penyelesaian CSS semata-mata.

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