Schriftfrabe in einzelnen Zeilen ändern

Computer: Software & Programmierung HTML & CSS
#1

Hey leute,

ich bins nochmal. Also folgendes Problem, das ich nicht gelöst bekomme.
Ich habe eine Tabelle erstellt mit 192 Zeilen und 6 Spalten. Die Tabelle wird einwandfrei angezeigt. Ich habe so ca. alle 6 Zeilen eine neue Hintergrundfarbe für die Zeilen. Funktioniert auch einwandfrei.

Jetzt möchte ich aber von Zeile 1 - 25 Weiß als Schriftfarbe und von Zeile 26-50 Schwarz als Schriftfarbe, und immer so abwechselnd. Da ich keine Schriftfarbe für die Tabellenzeilen definiert habe ist die Standardfarbe Weiß. Wie bekomme ich jetzt aber die Zeilen Schwarz die Schwarz sein sollen, ohne in jeder Zelle einzugeben?

Hoffe jemand von euch kann mir da mal helfen.

Gruß und Dank

Scott

#2

Hallo Scott,

Jetzt möchte ich aber von Zeile 1 - 25 Weiß als Schriftfarbe
und von Zeile 26-50 Schwarz als Schriftfarbe, und immer so
abwechselnd. Da ich keine Schriftfarbe für die Tabellenzeilen
definiert habe ist die Standardfarbe Weiß. Wie bekomme ich
jetzt aber die Zeilen Schwarz die Schwarz sein sollen, ohne in
jeder Zelle einzugeben?

So geht’s ja nunmal gar nicht!

Du musst auch nur noch ein bisschen warten, bis das folgende CSS3 von den ersten Browsern interpretiert wird:

tr { color:#FFFFFF; }
tr:nth-child(50n),
tr:nth-child(50n+1),
tr:nth-child(50n+2),
tr:nth-child(50n+3),
tr:nth-child(50n+4),
tr:nth-child(50n+5),
tr:nth-child(50n+6),
tr:nth-child(50n+7),
tr:nth-child(50n+8),
tr:nth-child(50n+9),
tr:nth-child(50n+10),
tr:nth-child(50n+11),
tr:nth-child(50n+12),
tr:nth-child(50n+13),
tr:nth-child(50n+14),
tr:nth-child(50n+15),
tr:nth-child(50n+16),
tr:nth-child(50n+17),
tr:nth-child(50n+18),
tr:nth-child(50n+19),
tr:nth-child(50n+20),
tr:nth-child(50n+21),
tr:nth-child(50n+22),
tr:nth-child(50n+23),
tr:nth-child(50n+24){
color:#000000;
}

http://www.w3.org/TR/css3-selectors/#nth-child-pseudo

Bis dahin bleibt dir nur ein server- oder clientseitiges Skript, das dir Klassennamen bzw. Style-Attribute entsprechend setzt.

Gruß Gernot