


Bagaimana menggunakan CSS tulen untuk mencapai kesan warna elemen berselang dengan N%3?
Apr 05, 2025 pm 07:00 PMCSS tulen menyedari kesan kitaran n%3 warna elemen
Dalam perkembangan front-end, sering diperlukan untuk memperuntukkan warna secara dinamik mengikut kedudukan elemen, seperti merealisasikan kesan kitaran warna oleh N%3. Artikel ini akan menerangkan bagaimana untuk mencapai kesan ini menggunakan CSS sahaja.
Anggapkan bahawa struktur HTML adalah seperti berikut:
<div class="container"> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> </div>
Matlamatnya adalah untuk menjadikan unsur pata unsur kitaran mengikut kedudukannya (hasil n%3): n%3 == 0 adalah warna 1, n%3 == 1 adalah warna 2, dan n%3 == 2 adalah warna 3.
Pertama, tentukan pembolehubah CSS untuk menyimpan nilai warna:
.container { --color1: #fff; -Color2: #DA3838; -Color3: RGB (49, 196, 23); }
Kemudian, gunakan kelas pseudo nth-child
dan var()
calc()
untuk memohon warna secara dinamik:
.Container p: nth-child (3n 1) { latar belakang warna: var (-color1); } .Container p: nth-child (3n 2) { latar belakang warna: var (-color2); } .Container p: nth-child (3n 3) { latar belakang warna: var (-color3); }
Dalam kod, 3n 1
, 3n 2
, 3n 3
pilih elemen yang memenuhi n%3 == 0, n%3 == 1, n%3 == 2, dan memohon warna yang telah ditetapkan melalui fungsi var()
. Dengan cara ini, warna latar belakang setiap elemen P secara automatik akan secara automatik mengikut kedudukannya dalam .container
, dan kesan gelung warna N%3 dari CSS tulen dapat dicapai tanpa JavaScript.
Atas ialah kandungan terperinci Bagaimana menggunakan CSS tulen untuk mencapai kesan warna elemen berselang dengan N%3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat 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

Apabila keadaan pasaran meningkat, lebih banyak pelabur pintar telah mula secara senyap -senyap meningkatkan kedudukan mereka dalam bulatan mata wang. Ramai orang tertanya -tanya apa yang membuat mereka mengambil tegas apabila kebanyakan orang menunggu dan melihat? Artikel ini akan menganalisis trend semasa melalui data rantaian untuk membantu pembaca memahami logik dana pintar, untuk lebih memahami pusingan seterusnya peluang pertumbuhan kekayaan yang berpotensi.

Baru -baru ini, Bitcoin melanda tinggi baru, Dogecoin mengantar pemulihan yang kuat dan pasaran panas. Seterusnya, kami akan menganalisis pemandu pasaran dan aspek teknikal untuk menentukan sama ada Ethereum masih mempunyai peluang untuk mengikuti kenaikan.

Corak dalam bidang rantaian awam menunjukkan trend "satu super, banyak yang kuat, dan seratus bunga mekar". Ethereum masih mengetuai parit ekologi, manakala Solana, Avalanche dan lain -lain adalah prestasi yang mencabar. Sementara itu, Polkadot, Cosmos, yang memberi tumpuan kepada interoperabilitas, dan Chainlink, yang merupakan infrastruktur kritikal, membentuk gambaran masa depan pelbagai rantai yang wujud bersama. Bagi pengguna dan pemaju, memilih platform mana yang tidak lagi menjadi satu pilihan, tetapi memerlukan perdagangan antara prestasi, kos, keselamatan dan kematangan ekologi berdasarkan keperluan khusus.

Peningkatan Alonzo Hard Fork Cardano telah berjaya mengubah Cardano dari rangkaian pemindahan nilai ke platform kontrak pintar yang berfungsi sepenuhnya dengan memperkenalkan platform kontrak pintar Plutus. 1. Plutus didasarkan pada bahasa Haskell, dengan fungsi yang kuat, keselamatan yang dipertingkatkan dan model kos yang boleh diramal; 2. Selepas peningkatan, penggunaan DAPPS dipercepatkan, komuniti pemaju diperluaskan, dan ekosistem DEFI dan NFT berkembang pesat; 3. Melihat ke depan untuk 2025, ekosistem Cardano akan menjadi lebih matang dan pelbagai. Digabungkan dengan peningkatan skalabilitas dalam era Basho, peningkatan interoperabilitas rantaian silang, evolusi tadbir urus yang terdesentralisasi dalam era Voltaire, dan promosi pengangkatan arus perdana oleh aplikasi peringkat perusahaan, Cardano telah

StableCoins adalah aset crypto yang mengekalkan kestabilan harga dengan menambat mata wang fiat seperti dolar AS. Mereka terutamanya dibahagikan kepada tiga kategori: cagaran mata wang fiat, cagaran aset crypto dan stablecoins algoritma. 1. USDT dikeluarkan oleh Tether dan merupakan stablecoin dengan nilai pasaran terbesar dan kecairan tertinggi. 2. USDC dikeluarkan oleh Perikatan Pusat yang dilancarkan oleh Circle dan Coinbase, dan terkenal dengan ketelusan dan pematuhannya. 3. 4. BUSD dilancarkan dengan kerjasama Paxos, dan dikawal oleh Amerika Syarikat tetapi telah dihentikan. 5. TUSD mencapai pengesahan rizab ketelusan yang tinggi melalui akaun escrow pihak ketiga. Pengguna boleh menggunakan pertukaran berpusat seperti Binance, Ouyi, dan Huobi

20 aset crypto yang paling menjanjikan pada tahun 2025 termasuk BTC, ETH, SOL, dan lain -lain, terutamanya meliputi pelbagai trek seperti rantai awam, lapisan 2, AI, defi dan permainan. 1.BTC terus memimpin pasaran dengan sifat logam kuning digital dan populasi ETF; 2.Dera menyatukan ekosistem kerana status dan peningkatan platform kontrak pintar; 3.Sol menonjol dengan rantaian awam yang berprestasi tinggi dan komuniti pemaju; 4. Link adalah pemimpin dalam Oracle yang menyambungkan data sebenar; 5.RNDR membina keperluan perkhidmatan rangkaian GPU yang terdesentralisasi; 6.imx memberi tumpuan kepada permainan Web3 untuk menyediakan persekitaran bebas gas sifar; 7.Arb membawa dengan teknologi Layer 2 yang matang dan ekosistem defi yang besar; 8.Matic telah menjadi lapisan nilai Ethereum melalui evolusi pelbagai rantai

Baru -baru ini, perbincangan dalam bidang aset digital tetap panas. Dogecoin Doge, sebagai salah satu tumpuan yang paling popular, telah menjadi persoalan yang banyak diterokai oleh ramai orang. Di manakah ia "menetap"? Apakah hubungan dengan platform perdagangan terkemuka semasa, Binance? Untuk menjawab soalan-soalan ini, kita perlu menjalankan analisis mendalam dari dua dimensi logik teknikal yang mendasari aset digital dan ekologi platform, bukan hanya tinggal dalam penampilan.

Perbezaan teras antara USDC, DAI dan TUSD terletak pada mekanisme terbitan, aset cagaran dan ciri -ciri risiko. 1. USDC adalah stablecoin berpusat yang dikeluarkan oleh Circle dan dijaga oleh wang tunai dan bon perbendaharaan jangka pendek. Kelebihannya adalah pematuhan dan kecairan yang telus, kuat, dan kestabilan yang tinggi, tetapi terdapat risiko semakan berpusat dan kegagalan titik tunggal; 2. Dai adalah stablecoin yang terdesentralisasi, yang dihasilkan melalui protokol Makerdao, dan cagaran adalah aset crypto. Ia mempunyai kelebihan anti penapisan, ketelusan rantaian, dan bebas kebenaran, tetapi ia juga menghadapi risiko sistemik, pergantungan kepada aset terpusat dan isu kerumitan; 3. TUSD adalah stablecoin berpusat, menekankan bukti rizab rantaian masa nyata, memberikan pengesahan ketelusan frekuensi yang lebih tinggi, tetapi mempunyai bahagian pasaran yang kecil dan kecairan yang lemah. Ketiga adalah jenis cagaran dan desentralisasi
