


Bolehkah kelas Pseudo CSS Menggayakan Item Senarai Genap dan Ganjil dengan Betul?
Jan 03, 2025 am 09:00 AMMenggayakan Elemen Genap dan Ganjil menggunakan Kelas Pseudo CSS
Bolehkah kelas pseudo CSS digunakan untuk membezakan penggayaan senarai genap dan ganjil item?
Yang Dijangkakan Hasil:
Senarai dengan warna berselang-seli, seperti yang dilihat dalam coretan kod berikut:
li { color: blue } li:odd { color:green } li:even { color:red }
Hasil Sebenar:
Daripada warna berselang-seli, semua item senarai akhirnya menjadi biru.
The Penyelesaian:
Untuk berjaya menggayakan elemen genap dan ganjil, disyorkan untuk menggunakan kelas pseudo anak ke-n, seperti yang ditunjukkan di bawah:
li { color: black; } li:nth-child(odd) { color: #777; } li:nth-child(even) { color: blue; }
Penyelesaian ini menangani warna berselang-seli keperluan dengan berkesan, seperti yang dipamerkan dalam coretan kod berikut:
<ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul>
Atas ialah kandungan terperinci Bolehkah kelas Pseudo CSS Menggayakan Item Senarai Genap dan Ganjil dengan Betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Menambah bayang -bayang kotak ke blok dan elemen WordPress

Buat borang hubungan JavaScript dengan rangka kerja pintar

Buat editor teks sebaris dengan atribut yang boleh dipertikaikan

Menjadikan Peralihan Svelte Khas pertama anda

Pembaca Skrin Demystifying: Borang & Amalan Terbaik Diakses

Membandingkan 5 Pembina Borang PHP Terbaik (dan 3 skrip percuma)

Muat naik fail dengan multer di node.js dan ekspres
