


Wie verwendet ich reine CSS, um den Effekt von Wechselelementfarben durch n%3 zu erzielen?
Apr 05, 2025 pm 07:00 PMReines CSS realisiert den n%3 -Zyklusffekt der Elementfarbe
In der Front-End-Entwicklung ist es h?ufig notwendig, Farben dynamisch nach Elementpositionen zuzuweisen, z. In diesem Artikel wird erkl?rt, wie dieser Effekt nur mit CSS erzielt werden kann.
Angenommen, die HTML -Struktur lautet wie folgt:
<div class="container"> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> </div>
Ziel ist es, die P -Element -Farbe nach seiner Position zyklisch zu ?ndern (N%3 Ergebnis): N%3 == 0 ist Farbe 1, N%3 == 1 ist Farbe 2 und N%3 == 2 ist Farbe 3.
Definieren Sie zun?chst die CSS -Variable, um den Farbwert zu speichern:
.Container { -Color1: #fff; -Color2: #DA3838; -Color3: RGB (49, 196, 23); }
Verwenden Sie dann nth-child
und die var()
calc()
um die Farbe dynamisch anzuwenden:
.Container p: n-te-Kind (3n 1) { Hintergrundfarbe: var (-color1); } .Container P: N-te-Kind (3n 2) { Hintergrundfarbe: var (-color2); } .Container p: n-te-Kind (3n 3) { Hintergrundfarbe: var (-color3); }
In dem Code 3n 1
, 3n 2
, 3n 3
W?hlen Sie Elemente aus, die n%3 == 0, n%3 == 1, n%3 == 2 erfüllen und vordefinierte Farben über die Funktion var()
anwenden. Auf diese Weise zykliert die Hintergrundfarbe jedes P -Elements automatisch nach seiner Position im .container
, und der N%3 -Farbschleifeneffekt von reinem CSS kann ohne JavaScript erreicht werden.
Das obige ist der detaillierte Inhalt vonWie verwendet ich reine CSS, um den Effekt von Wechselelementfarben durch n%3 zu erzielen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

Im Juli 2025 diskutiert der Kryptomarkt hei? darüber, welche Token hohe Renditen erzielen k?nnen. Sind Namen wie Pi, Pepe und Floppypepe die riskante Investition wirklich wert? Potenzielle Kryptow?hrungen, die es wert sind, im Juli 2025 aufmerksam zu werden: Virtuelles Feuer oder echtes Gold? Als Mitte 2025 erw?rmt sich die Diskussionsw?rme über das Krypto-Verm?gen mit hohem Yield-Krypto weiter. Bitcoin -Trends und Erwartungen der "Altcoin -Saison" haben die Aufmerksamkeit der Anleger auf sich gezogen. Haben Token wie Pinetwork, Pepe und Floppypepe das Potenzial, erhebliche Investitionsrenditen zu erzielen? Lassen Sie uns seine Aussichten nacheinander analysieren. Altcoin Market: Kann Juli bekommen, was es will? Vor dem Hintergrund von Bitcoins erwarteten Rekord historischer H?hen scheint sich die ?Altcoin -Saison“ zu brauen. Zurück

BNB ist ein von Binance herausgegebener Plattform -Token und ist nun zu einem nativen funktionellen Token des ?kosystems der BNB -Kette geworden. Zu den Hauptanwendungen geh?ren 1. Transaktionsgebührenrabatte; 2. BNB -Kettenkraftstoffgebühr; 3.. Nehmen Sie am Launchpad -Projekt teil; 4. Zahlung und Verbrauch. Die empfohlenen Bestellungen des oberen B?rsens sind: 1. Binance, die die tiefste BNB -Liquidit?t liefern; 2. Ouyi, umfassende Produktlinie; 3. Huobi, stabiler und sicherer Betrieb; 4. Gate.io, Reiche W?hrungsauswahl; 5. Kucoin, viele aufstrebende Projekte; 6. Kraken, berühmt für seine Sicherheit und Einhaltung.

In der heutigen Zeit der raschen Entwicklung der Technologie wird die Integration künstlicher Intelligenz und Blockchain allm?hlich zu einem neuen Trend. Das Sahara AI (Sahara) -Projekt entstanden und setzt sich dafür ein, die erste Blockchain-Plattform für vollst?ndige KI-Native zu schaffen, wodurch die Zukunft der künstlichen Intelligenz zug?nglicher, fairer und gerecht und offen für alle ist.

Robinhood startete OpenAI und SpaceX-tokenisierte Aktien verursachten Kontroversen, wobei Elon Musk und Sam Altman gegeneinander gegen die Natur des sogenannten "gef?lschten Gerechtigkeit" k?mpften. In jüngster Zeit ist die Schnittstelle von Elon Musk, Sam Altman und Robinhood zum Schwerpunkt der ?ffentlichen Aufmerksamkeit geworden, die alle aus der tokenisierten Gerechtigkeit zurückzuführen sind. Robinhoods Start von tokenisierten Aktien in privaten Unternehmen wie Openai und SpaceX an europ?ische Benutzer hat eine heftige Debatte ausgel?st und von Kl?rung und Kritik aller Parteien begleitet. Robinhoods tokenisiertes Eigenkapital: Ein mutiger Versuch? Robin, angeführt von CEO Vlad Tenev

Inhalt 1. Was ist ICN? 2. Die neuesten Aktualisierungen von ICNT 3. Vergleich und Wirtschaftsmodell zwischen ICN und anderen Depinprojekten und Wirtschaftsmodellen 4. Schlussfolgerung der n?chsten Stufe der Depinstra?e Ende Mai kündigte an, dass es strategische Investitionen in NGPCapital mit einer Bestimmung von US $ 470 Millionen erhalten hatte. Die erste Reaktion vieler Menschen war: "Hat Xiaomi in Web3 investiert?" Obwohl dies nicht Lei Juns direkter Schritt war, hatte derjenige, der auf Xiaomi, Helium und Workfusion gewetten hatte

Erforschen Sie Remittix (RTX), Monero (XMR) und Krypto-Fiat-Trends: Wie diese Projekte die Zukunft von Kryptow?hrungen durch Praktikabilit?t und Gemeinschaftsorientierung pr?gen. Remittix, Monero und Kryptow?hrung Evolution: Was ist die hei?este Spekulation? Der Kryptomarkt befindet sich immer in einem dynamischen Wandel, und neue und alte Projekte konkurrieren um die Aufmerksamkeit der Anleger. Derzeit werden Remittix (RTX), Monero (XMR) und Crypto-Fiat-W?hrungsanweisungen zum Schwerpunkt der Diskussion. Lassen Sie uns herausfinden, welche treibenden Kr?fte hinter dieser Welle der Popularit?t stehen? Remittix: Das aufstrebende Token mit neuem Potenzial gewinnt allm?hlich auf die Aufmerksamkeit des Marktes, und sein Entwicklungsbahn wurde mit den frühen Stadien von Bitcoin und Ethereum von einigen Menschen verglichen. "Kryptor

Ist Bitcoin jetzt die beste Option für Kryptow?hrung? Entdecken Sie Bitcoin's Soar, steigende Altcoins und Top -P2E -Spiele. Bitcoin, Kryptow?hrung, jetzt kaufen: Die neuesten Trends und versteckten M?glichkeiten, die Bitcoin in letzter Zeit aktiv war, und der gesamte Kryptow?hrungsmarkt wird hei? diskutiert. Ist das die beste Zeit zum Kauf? Lassen Sie uns die neuesten Trends eintauchen und potenzielle Investitionsm?glichkeiten in diesem sich st?ndig ver?ndernden Markt aufzeigen. Bitcoin steigt stark an: durchbrechen 109.000 US -Dollar - Was ist der zukünftige Trend? Bitcoin hat kürzlich erfolgreich die Marke 109.000 US -Dollar durchgebrochen, eine Rallye, die von positiven Nachrichten von BlackRock ETF, verbesserter globaler Situation und Abschreibungen des Dollars beeinflusst wird. Dieser Durchbruch hat die Menschen erneut dazu inspiriert, ein neues Hoch dafür zu setzen

Wie w?hlen Anf?nger eine sichere und zuverl?ssige Stablecoin -Plattform aus? In diesem Artikel werden die Top 10 Stablecoin -Plattformen im Jahr 2025 empfohlen, darunter Binance, OKX, Bybit, Gate.io, HTX, Kucoin, MEXC, Bitget, Coinex und Probit. Vergleicht und analysiert sie aus Abmessungen wie Sicherheit, Stablecoin -Typen, Benutzererfahrung, Benutzererfahrung, Gebührenstruktur und zus?tzlichen Funken. Die Daten stammen aus den Bewertungen von Coingecko, DeFillama und Community. Es wird empfohlen, dass Anf?nger Plattformen ausw?hlen, die sehr konform sind, Chinesen wie Kucoin und Coinex einfach zu bedienen und zu unterstützen und durch eine kleine Anzahl von Tests allm?hlich Vertrauen aufzubauen.
