Bagaimana Menggayakan Elemen Terakhir dengan Kelas Khusus dalam CSS?

Mengatasi Peraturan CSS kepada Elemen Terakhir dengan Kelas Tertentu:

Dalam CSS, memilih elemen terakhir bagi jenis tertentu adalah mudah menggunakan yang :last-of-type pseudo-class. Walau bagaimanapun, penggunaan kelas pseudo ini pada kelas tertentu tidak disokong secara asli.

Pertimbangkan senario berikut:

div:last-of-type {
  margin-right: 0;
}

Walaupun kod ini berjaya menangani elemen div terakhir dalam kumpulan, ia tidak menganggap mana-mana kelas gunaan.

Untuk mencapai hasil yang diingini, kelas mesti dimasukkan ke dalam pemilih:

div.class:last-of-type {
  margin-right: 0;
}

Malangnya, sintaks CSS ini tidak dikenali oleh penyemak imbas. Kelas pseudo :last-of-type terhad kepada memilih elemen berdasarkan jenisnya, bukan kelasnya.

Penyelesaian Alternatif:

• JavaScript: Laksanakan fungsi JavaScript untuk mengenal pasti dan mengubah suai peraturan CSS yang diperlukan secara dinamik berdasarkan kelas nama.
• Semakan Penanda/CSS: Susun semula penanda atau CSS anda untuk mengatasi had ini, memastikan elemen terakhir dengan kelas yang ditentukan mempunyai pengecam unik.

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