


Bagaimana menggunakan CSS tulen untuk mencapai kesan warna elemen berselang dengan N%3?
CSS 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

Sepuluh platform pasaran cryptocurrency yang berwibawa dan analisis data pada tahun 2025 adalah: 1. CoinMarketCap, menyediakan kedudukan permodalan pasaran yang komprehensif dan data pasaran asas; 2. Coingecko, menyediakan penilaian projek pelbagai dimensi dengan skor kemerdekaan dan amanah; 3. TradingView, mempunyai carta k-line yang paling profesional dan alat analisis teknikal; 4. Binance Market, menyediakan data masa nyata yang paling langsung sebagai pertukaran terbesar; 5. Pasar Ouyi, menonjolkan penunjuk derivatif utama seperti jumlah kedudukan dan kadar modal; 6. Glassnode, memberi tumpuan kepada data rantaian seperti alamat aktif dan trend ikan paus gergasi; 7. Messari, menyediakan laporan penyelidikan peringkat institusi dan data standard yang ketat; 8. Cryptocompa

StableCoins adalah cryptocurrency dengan nilai yang berlabuh oleh mata wang fiat atau komoditi, yang direka untuk menyelesaikan turun naik harga seperti bitcoin. Kepentingan mereka tercermin dalam peranan mereka sebagai alat lindung nilai, medium perdagangan dan jambatan yang menghubungkan mata wang fiat dengan dunia crypto. 1. Kelebihannya ialah mekanisme itu mudah dan stabil. Kelemahannya ialah mereka bergantung kepada kepercayaan institusi berpusat. Mereka mewakili projek termasuk USDT dan USDC; 2. Stablecoins cryptocurrency-collateralized dikeluarkan melalui aset crypto arus perdana. Kelebihannya adalah desentralisasi dan ketelusan. Kelemahannya ialah mereka menghadapi risiko pembubaran. Projek perwakilan ialah Dai. 3. Stablecoins algoritma bergantung kepada algoritma untuk menyesuaikan bekalan dan permintaan untuk mengekalkan kestabilan harga. Kelebihannya adalah bahawa mereka tidak perlu cagaran dan mempunyai kecekapan modal yang tinggi. Kelemahannya adalah bahawa mekanisme itu rumit dan risiko tinggi. Terdapat kes keruntuhan dekan. Mereka masih disiasat.

Alat yang paling sesuai untuk menanyakan pasaran stablecoin pada tahun 2025 adalah: 1. Binance, dengan data berwibawa dan pasangan perdagangan yang kaya, dan carta perdagangan bersepadu yang sesuai untuk analisis teknikal; 2. Ouyi, dengan antara muka yang jelas dan integrasi berfungsi yang kuat, dan menyokong operasi sehenti akaun Web3 dan DEFI; 3. Coinmarketcap, dengan banyak mata wang, dan sektor stablecoin dapat melihat kedudukan nilai pasaran dan dekan; 4. Coingecko, dengan dimensi data yang komprehensif, menyediakan skor kepercayaan dan penunjuk aktiviti komuniti, dan mempunyai kedudukan neutral; 5. Huobi (HTX), dengan keadaan pasaran yang stabil dan operasi mesra, sesuai untuk pertanyaan aset arus perdana; 6. Gate.io, dengan koleksi duit syiling baru dan mata wang khusus, dan merupakan pilihan pertama untuk projek -projek untuk meneroka potensi; 7. TRA

Penggunaan sebenar Battle Royale dalam sistem mata wang dua belum lagi berlaku. Kesimpulan Pada bulan Ogos 2023, Protokol Pinjaman Ekologi Makerdao memberi pulangan tahunan sebanyak $ DAI8%. Kemudian Sun Chi memasuki kelompok, melabur sejumlah 230,000 $ Steth, menyumbang lebih daripada 15% daripada deposit Spark, memaksa Makerdao membuat cadangan kecemasan untuk menurunkan kadar faedah kepada 5%. Hasrat asal Makerdao adalah untuk "mensubsidi" kadar penggunaan $ dai, hampir menjadi hasil solo Justin Sun. Julai 2025, Ethe

Gaya pautan harus membezakan negara-negara yang berbeza melalui kelas pseudo. 1. Gunakan A: Pautan Untuk menetapkan gaya pautan yang tidak dicapai, 2. A: Dikunjungi untuk menetapkan pautan yang diakses, 3. Anda boleh meningkatkan kebolehgunaan dan kebolehcapaian dengan menambahkan padding, kursor: penunjuk dan mengekalkan atau menyesuaikan garis besar fokus. Anda juga boleh menggunakan sempadan bawah atau animasi untuk memastikan bahawa pautan mempunyai pengalaman pengguna yang baik dan aksesibiliti di semua negeri.

Sama ada bulatan mata wang melanggar undang -undang bergantung kepada undang -undang dan sifat negara di mana ia berada. Mata wang digital sendiri dianggap aset undang-undang di beberapa negara, tetapi urus niaga mereka tertakluk kepada peraturan pra-backwashing dan pengesahan identiti; manakala yang lain, mereka mungkin diharamkan sepenuhnya. Risiko undang-undang yang biasa termasuk pra-pencucian, penggalangan dana haram, penipuan, pembiayaan pengganas, pengelakan kawalan pertukaran asing, dan perniagaan kewangan operasi tanpa kebenaran. Untuk mengelakkan risiko, kita harus memahami peraturan tempatan, memilih platform pematuhan, melindungi keselamatan aset, dan berhati-hati terhadap penipuan hasil tinggi.

Gunakan CSS tulen untuk melaksanakan tingkap pop timbul modal untuk mengawal kotak semak yang kelihatan dan tersembunyi. 1. Gunakan input [type = "checkbox"] sebagai suis status; 2. Penggunaan: diperiksa .modal untuk mengawal paparan kotak modal; 3. Gunakan label [untuk] untuk mencetuskan pemeriksaan untuk mencapai pembukaan dan penutupan; 4. Tambah @KeyFrames animasi untuk mencapai kesan pop-up pudar; 5. Butang tutup atau kawasan klik topeng di dalam kotak modal boleh terikat untuk melabelkan kawalan tersembunyi. Seluruh proses tidak memerlukan JavaScript, sangat serasi dan mempunyai akses yang kuat, dan sesuai untuk halaman statik atau senario interaktif ringan.

Sepuluh stablecoin terkemuka di tahun 2025 diramalkan sebagai: 1. USDT menduduki tempat pertama dengan kelebihan pertama dan kecairan yang sangat tinggi; 2. USDC mengikuti rapat dengan pematuhan dan ketelusan yang tinggi; 3. Dai, sebagai stablecoin yang terdesentralisasi, mempunyai kedudukan yang kukuh dalam defi; 4. FDUSD mendapat manfaat daripada perkembangan pesat Binance; 5. PyUSD bergantung pada ekosistem PayPal untuk mempunyai potensi besar untuk menyambung ke pembayaran tradisional; 6. USDD menarik pengguna melalui pulangan yang tinggi dalam ekosistem Tron; 7. TUSD menekankan ketelusan melalui pengauditan masa nyata dan penjagaan multi-institusi; 8. Frax secara inovatif menggunakan mekanisme algoritma skor untuk meningkatkan kecekapan modal; 9. GUSD dikawal oleh NYDFS dan audit bulanan memastikan keselamatan; 10. USDP AS
