Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Challenge: Tabelle mit Zebrastreifen

Challenge: Tabelle mit Zebrastreifen – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

Gratismonat starten Für Ihr Team erwerben

Challenge: Tabelle mit Zebrastreifen

“

(Upbeat-Musik) Kommen wir zur Challenge für das Selektor-Kapitel. Und es geht um Zebrastreifen für eine Tabelle. Gegeben sei eine HTML-Tabelle mit mehreren Zeilen, wie z.B. diese hier. Der Inhalt spielt keine Rolle, es muss einfach nur mehrere Zeilen geben in der Tabelle. Ziel ist es, per CSS die Zeilen abwechselnd einzufärben. Das sollte dann also etwa so aussehen. Das ist eine Lösung, aber es gibt noch ein paar Anforderungen für diese Lösung. Erstens, das HTML soll nicht geändert werden, also keine zusätzlichen Klassen hinzuschreiben oder so was, und zweitens, die Lösung soll aus einer einzigen CSS-Regel bestehen. Also wie kommt man, ohne das HTML zu ändern, von dieser Tabelle zu dieser Tabelle, mit einer einzigen CSS-Regel? Viel Spaß beim Probieren, wir sehen uns bei der Solution.

Inhalt