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

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

Susan Sarandon
Lepaskan: 2024-11-13 13:00:02
asal
275 orang telah melayarinya

How Can I Target All Children Except the Last One in 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)
Salin selepas log masuk

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 */
}
Salin selepas log masuk

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!

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