Bagaimana untuk Memilih Semua Anak Elemen Kecuali Yang Terakhir dalam CSS?

Memilih Semua Kanak-kanak Elemen Kecuali Anak Terakhir

Memilih elemen menggunakan pemilih CSS ialah teknik yang berkuasa untuk menggayakan dan memanipulasi halaman web. Satu tugas biasa ialah memilih semua kanak-kanak unsur kecuali anak terakhir.

Pemilih :anak terakhir

Untuk memilih hanya anak terakhir elemen, :pemilih anak terakhir boleh digunakan. Pemilih ini hanya sepadan dengan elemen yang merupakan anak terakhir elemen induk mereka. Contohnya:

div:nth-last-child(1) {
  /* styles */
}

Memilih Semua Kanak-kanak Tetapi Yang Terakhir

Untuk memilih semua kanak-kanak unsur kecuali yang terakhir, kelas pseudo penolakan :not() boleh digabungkan dengan :last-child pseudo-class. Kelas pseudo :not() sepadan dengan elemen yang tidak sepadan dengan syarat yang ditentukan. Dalam kes ini, syaratnya ialah :last-child, yang bermaksud kelas pseudo :not() akan memadankan semua elemen yang bukan anak terakhir elemen induknya.

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

Pemilih ini akan padankan semua anak unsur induk kecuali anak terakhir. Gaya yang digunakan pada pemilih akan digunakan pada semua elemen yang dipadankan.

Keserasian

Adalah penting untuk ambil perhatian bahawa kelas pseudo :not() tidak disokong dalam IE8 atau versi Internet Explorer yang lebih awal. Untuk penyemak imbas yang tidak menyokong :not(), kaedah alternatif untuk memilih semua kanak-kanak kecuali yang terakhir boleh digunakan, seperti menggunakan pemilih kanak-kanak ke-n atau penggabung kanak-kanak.

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