Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Memilih Semua Kanak-kanak Elemen Kecuali Yang Terakhir dalam CSS?

Bagaimanakah Saya Memilih Semua Kanak-kanak Elemen Kecuali Yang Terakhir dalam CSS?

Susan Sarandon
Lepaskan: 2024-11-12 11:30:02
asal
540 orang telah melayarinya

How Do I Select All Children of an Element Except the Last One in CSS?

Cara Memilih Semua Anak Elemen Kecuali Anak Terakhir

Pemilih CSS3 :last-child membenarkan pembangun menyasarkan elemen yang ialah anak terakhir dalam bekasnya. Walau bagaimanapun, mungkin terdapat keadaan apabila anda perlu memilih semua anak unsur kecuali yang terakhir.

Menggunakan kelas pseudo penafian :not() bersama-sama dengan :last-child, kita boleh mencapai yang diingini hasil. Pemilih ini akan memadankan semua elemen yang bukan anak terakhir dalam bekas yang dipilih.

:not(:last-child) {
  /* Styles for all children except the last */
}
Salin selepas log masuk

Teknik ini amat berguna untuk menggunakan gaya yang berbeza pada semua elemen kanak-kanak kecuali yang terakhir. Sebagai contoh, dalam senarai, anda boleh menambah sempadan bawah pada semua item senarai kecuali yang terakhir untuk mencipta kesan yang menarik secara visual.

Perhatikan bahawa gabungan :not() dan :last-child ialah sebahagian Pemilih CSS Tahap 3 dan mungkin tidak disokong dalam pelayar lama seperti Internet Explorer 8 dan ke bawah. Walau bagaimanapun, ia menawarkan penyelesaian serba boleh untuk memilih semua kecuali anak terakhir elemen dalam penyemak imbas moden.

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

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan