Bagaimanakah Saya Boleh Menyasarkan Semua Kanak-kanak Kecuali Yang Terakhir dalam CSS?

Kecualikan Anak Terakhir daripada Pemilihan CSS

Apabila memilih elemen dalam CSS, pemilih anak ke-n membenarkan penyasaran yang tepat berdasarkan kedudukan mereka dalam unsur induk. Untuk memilih anak terakhir, anda menggunakan div:nth-last-child(1). Namun, bagaimana jika anda ingin mengecualikan anak terakhir?

Penyelesaian: Meniadakan Kelas Pseudo Anak Terakhir

CSS3 memperkenalkan kelas pseudo penolakan :not( ), yang membolehkan anda mengecualikan elemen yang sepadan dengan kriteria tertentu. Untuk memilih semua kecuali anak terakhir, gunakan pemilih:

:not(:last-child)

Kelas pseudo ini menilai kepada benar untuk mana-mana elemen yang bukan anak terakhir induknya. Anda kemudiannya boleh menggayakan elemen ini dengan sewajarnya:

:not(:last-child) {
  /* styles */
}

Nota Keserasian

Adalah penting untuk ambil perhatian bahawa kelas pseudo :not() tidak disokong dalam Internet Explorer 8 atau ke bawah. Jika anda perlu menyokong penyemak imbas ini, anda mungkin perlu menggunakan lebih banyak pemilih verbose, seperti nth-child(n) dengan n ialah sebarang nombor kecuali 0.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyasarkan Semua Kanak-kanak Kecuali Yang Terakhir dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!