nostromo: nth-child Pseudo-Klasse - Wie Tabellenzellen selektieren?

Beitrag lesen

Ich vermute dahinter aber eher ein HTML-Problem als ein CSS-Problem. Leider ist das anhand der Sinnlostexte in deinem Beispiel nicht ersichtlich. Sinnlostexte sind sinnlos.

Was stehen wirklich für Inhalte in der Tabelle? Die sich über 5 Zeilen erstreckende Zelle in der 1. Spalte ist womöglich eine http://de.selfhtml.org/html/tabellen/aufbau.htm#definieren@title=Kopfzelle, also th? Dann wäre diese einfach zu stylen.

Sinnlostexte sind in der Tat sinnlos. ;-) In meiner Tabelle sollen unter anderem Zahlen stehen, es handelt sich also nicht um eine Layout-Tabelle.

Die erste Zelle soll die Summe aus den Zellen 3, 5, 7, 9, 11 enthalten. Die Tabelle wuerde also mit korrektem Inhalt so aussehen:

  
<table class="testtabelle">  
	<tr>  
		<td rowspan="5">555</td>  
		<td>Kategorie 1</td>  
		<td>22</td>  
	</tr>  
	<tr>  
		<td>Kategorie 2</td>  
		<td>192</td>  
	</tr>  
	<tr>  
		<td>Kategorie 3</td>  
		<td>64</td>  
	</tr>  
	<tr>  
		<td>Kategorie 4</td>  
		<td>201</td>  
	</tr>  
	<tr>  
		<td>Kategorie 5</td>  
		<td>76</td>  
	</tr>  
</table>  

Oder du könntest mit http://de.selfhtml.org/html/tabellen/aufbau.htm#vordefinieren@title=Spalten arbeiten.

Deine vorgeschlagenen Loesungen hatte ich zwar vor Augen, aber ich wollte ja eigentlich die Moeglichkeiten von nth-child an so einer einfachen, grob definierten Tabelle testen. Die Frage ist also: Ist es ohne weitere HTML Deklarationen moeglich, alle td-Zellen ausgenommen der ersten zu selektieren?

qathlo’

und

Qapla'!