Wybierz pierwszą listę w tabeli - pierwsze dziecko CSS?

Question

Może szczerzę złe drzewo. Mam tabelę z 6 kolumnami, każda z uporządkowaną listą. Chcę, żeby wszyscy mieli granicę z wyjątkiem pierwszej listy.

The site is in development here Zasadniczo choć HTML jest

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

Myślałem, że pierwszym dzieckiem tr będzie działać podobnie jak tr:first-child ol {style}

Answer 1

Selektor :first-child jest CSS2 i nie jest obsługiwana w IE6. Jeśli IE6 jest ważny, musisz podać pierwszemu dziecku klasę, na którą możesz wybrać. Ale poprawna składnia jest:

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

Kiedy zrobić:

tr:first-child ... 

jesteś rzeczywiście wybierając <tr> elementy są pierwsze dzieci. Również należy pamiętać, że:

tr :first-child ... 

jest wybranie pierwszego dzieciom z tabeli wiersze.

Answer 2

To nie tak działa, tr:first-child ol wybiera tr, który jest pierwszym dzieckiem swojego elementu nadrzędnego. Zamiast tego należy użyć pseudoklasy first-child na td.