Wählen Sie die erste Liste in der Tabelle - CSS First-Kind?

Question

vielleicht belle ich den falschen Baum an. Ich habe eine Tabelle mit 6 Spalten, jede mit einer geordneten Liste. Ich möchte, dass sie alle einen Rahmen haben, mit Ausnahme der ersten Liste.

The site is in development here Im Grunde aber die html ist

<tr> 
<td> 
    <ol> 
    <li>hello</li> 
    </ol> 
</td> 
<td> 
    <ol> 
    <li>hello</li> 
    </ol> 
</td> 
<td> 
    <ol> 
    <li>hello</li> 
    </ol> 
</td> 
</tr> 

dachte ich, das erste Kind von tr wie so tr:first-child ol {style}

Answer 1

Der :first-child Wähler CSS2 funktionieren würde und nicht auf IE6 unterstützt. Wenn IE6 wichtig ist, müssen Sie dem ersten Kind eine Klasse geben, die Sie auswählen können. Aber die richtige Syntax lautet:

tr td:first-child ol { ... } 

Wenn Sie das tun:

tr:first-child ... 

Sie tatsächlich <tr> Elemente auswählen, die sind ersten Kinder. Beachten Sie auch, dass:

tr :first-child ... 

ist die erste Kinder von Tabellenzeilen auswählen.

Answer 2

Das ist nicht ganz, wie es funktioniert, tr:first-child ol wählt die tr, die das erste Kind seines übergeordneten Elements ist. Sie müssen stattdessen die Pseudoklasse first-child auf der td verwenden.