


Können CSS-Pseudoklassen gerade und ungerade Listenelemente richtig formatieren?
Jan 03, 2025 am 09:00 AMGerade und ungerade Elemente mit CSS-Pseudoklassen formatieren
Können CSS-Pseudoklassen verwendet werden, um das Styling gerader und ungerader Listen zu unterscheiden? Elemente?
Das erwartete Ergebnis:
Eine Liste mit abwechselnden Farben, wie im folgenden Codeausschnitt zu sehen ist:
li { color: blue } li:odd { color:green } li:even { color:red }
Das tatsächliche Ergebnis:
Anstelle abwechselnder Farben sind alle Listenelemente am Ende blau.
Die Lösung:
Um gerade und ungerade Elemente erfolgreich zu stylen, geht es darum Es wird empfohlen, die n-te-Kind-Pseudoklasse zu verwenden, wie unten gezeigt:
li { color: black; } li:nth-child(odd) { color: #777; } li:nth-child(even) { color: blue; }
Diese Lösung geht effektiv auf die alternierende Farbanforderung ein, wie im folgenden Codeausschnitt dargestellt:
<ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul>
Das obige ist der detaillierte Inhalt vonKönnen CSS-Pseudoklassen gerade und ungerade Listenelemente richtig formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

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

Hinzufügen von Kastenschatten zu WordPress -Blöcken und -Elementen

Erstellen Sie ein JavaScript -Kontaktformular mit dem Smart Forms Framework

Erstellen Sie einen Inline -Texteditor mit dem inhaltlichen Attribut

Entmystifizierende Bildschirmleser: Zugrunde Formen und Best Practices

Machen Sie Ihren ersten Seltsamen -Sufle -Übergang

Vergleich der 5 besten PHP -Formbauer (und 3 kostenlose Skripte)

Datei hochladen mit Multer in node.js und ausdrücken
