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

Question

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

Сайт находится в разработке здесь В основном, хотя 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 будет работать так 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.