Выберите первый список в таблице - CSS-first-child?

Question

Возможно, я лаю неправильное дерево. У меня есть таблица с 6 столбцами, каждая из которых имеет упорядоченный список. Я хочу, чтобы все они имели границу, за исключением первого списка.

The site is in development here В принципе, хотя HTML является

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

Я думал, что первый ребенок тр будет работать как и tr:first-child ol {style}

Answer 1

Селектор :first-child является CSS2 и не поддерживается IE6. Если IE6 важен, вам нужно будет дать первому ребенку класс, который вы можете выбрать вместо него. Но правильный синтаксис:

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

Когда вы делаете:

tr:first-child ... 

вы на самом деле выбор <tr> элементов, которые являются первых детей. Кроме того, следует помнить, что:

tr :first-child ... 

выбирает первые дочерние из строки таблицы.

Answer 2

Это не совсем так, как это работает, tr:first-child ol выбирает tr, который является первым дочерним элементом его родительского элемента. Вы должны использовать псевдокласмент first-child вместо td.