Unterschiedliche Hintergrundfarbe für jede Zelle der ersten Zeile und der ersten Spalte in einer CSS-Tabelle

8

Ich versuche, jeder Zelle der ersten Zeile und der ersten Spalte einer Tabelle eine andere Hintergrundfarbe hinzuzufügen.

So sollte es aussehen:

Ich habe einen Selektor gefunden, der den Zellen der ersten Reihe eine andere Farbe zuweisen kann, aber jetzt stecke ich mit den Zellen der ersten Spalte fest (Morgen, Nachmittag und Abend). Ich schaffte es, sie alle blau zu bekommen, aber jeder von ihnen sollte eigentlich einen anderen Blauton haben ...). Dies ist mein CSS-Code:

%Vor%

und das ist mein HTML-Code:

%Vor%     
user5692485 17.12.2015, 20:11
quelle

2 Antworten

7

Sie können die Farben jeder Zelle in der ersten Spalte ändern, ohne den HTML-Code zu ändern, indem Sie nth-child für tr und first-child für td wie folgt kombinieren:

%Vor%

Live-Demo:

%Vor% %Vor%

JSFiddle-Version: Ссылка

    
Maximillian Laumeister 17.12.2015, 20:19
quelle
2

für die Zeile, die Sie verwenden können (Sie müssen die Farbe anpassen, kopierte ich Ihre Farbe aus der Kopfzeile)

%Vor%     
scaisEdge 17.12.2015 20:19
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Bullet-Farben werden in Chrome nicht korrekt angezeigt, wenn sie mit Angular geändert wurden