在表格中选择第一个列表 - 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的第一个孩子会像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伪类。