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.

Solution: Zebrastreifen

Solution: Zebrastreifen – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

Gratismonat starten Für Ihr Team erwerben

Solution: Zebrastreifen

“

(Musik) Auf der Suche nach einer Lösung für die Challenge »Tabelle mit Zebrastreifen« habe ich Google konsultiert und hier einfach mal eingegeben »css tabelle mit zebrastreifen«. Der erste Treffer hier bei akademie.de ist ein Artikel aus dem Jahre 2008, den ich anscheinend selbst geschrieben habe, aber bevor man jetzt denkt, die Lösung ist nahe, damals wurde als Lösung noch das Ändern des HTMLs in Betracht gezogen. Das kann man natürlich auch heute noch machen, aber ich hatte als Anforderung gesagt, dass man das nicht tun sollte, denn hier fügt man eine Klasse hinzu, zebrastreifen, und die gestaltet man im CSS, tr.zebrastreifen mit Hintergrundfarbe. Das ist möglich, aber es gibt Situationen, wo man das HTML nicht ändern kann, deswegen schaue ich mir jetzt hier den zweiten Treffer an und dann lande ich bei SELFHTML. Und hier geht es um das Gestalten von Tabellen per CSS und unter 2.5 findet man Zebrastreifen und dort sehen Sie den Selektor nth-child mit einem Keyword even. even heißt…

Inhalt