首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >选择表中的第一个列表- CSS first-child?

选择表中的第一个列表- CSS first-child?
EN

Stack Overflow用户
提问于 2010-02-04 11:26:39
回答 2查看 56.8K关注 0票数 17

也许我找错人了。我有一个有6列的表,每列都有一个有序列表。我希望它们都有一个边框,除了第一个列表。

The site is in development here基本上是这样的

代码语言:javascript
复制
<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}一样工作

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-02-04 11:30:20

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

代码语言:javascript
复制
tr td:first-child ol { ... }

当你这样做的时候:

代码语言:javascript
复制
tr:first-child ...

实际上,您选择的是第一个子元素的<tr>元素。还需要注意的是:

代码语言:javascript
复制
tr :first-child ...

正在选择表行的第一个子项。

票数 24
EN

Stack Overflow用户

发布于 2010-02-04 11:32:40

这不是它的工作方式,tr:first-child ol选择的tr是它的父元素的第一个子元素。您必须改用td上的first-child伪类。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2197133

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档