选择表中的第一个列表 - CSS第一个子元素?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (154)

也许我找错树了。我有一个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}

提问于
用户回答回答于

:first-child选择器是CSS2和不支持IE6。如果IE6很重要,那么你需要给第一个子元素一个可以选择的类。但是正确的语法是:

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

当你这样做时:

tr:first-child ...

你实际上选择<tr>的元素第一个孩子。另外请注意:

tr :first-child ...

是选择第一个子元素的表行。

用户回答回答于

tr:first-child ol选择tr是其父元素的第一个子元素。必须使用first-child伪类td

扫码关注云+社区

领取腾讯云代金券