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
476 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!

sumber:php.cn
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