在表格中选择第一个列表 - 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 ...

是选择第一个孩子的表行.