CSS选择表的第一行的第一列(不包括嵌套表)

前端之家收集整理的这篇文章主要介绍了CSS选择表的第一行的第一列(不包括嵌套表)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有CSS选择器的困难,我希望有人可能会帮助我在这里。

我有一些HTML看起来像这样:

<table class=myTable>
   <tr>
      <td>this is the td of interest</td>
   </tr>
   <tr>
      <td>
         <table>
            <tr><td>I don't want this td!</td></tr>
         </table>
      </td>
   </tr>
</table>

我试图应用背景图像的FIRST tr的第一个td。所以我尝试以下:

table.myTable tr:first-child td:first-child {
    background-image: url(someUrl.gif);
}

但是这也找到了嵌套表的第一个tr的第一个td。我尝试了不同的组合与>和,但没有运气。任何人都有什么想法?

注意:我的目标是与IE7兼容的解决方案。

解决方法

您需要的选择器是
table.myTable > tbody > tr:first-child > td:first-child

有一个隐含的TBODY元素,即使你在代码中没有它。

原文链接:https://www.f2er.com/css/220169.html

猜你在找的CSS相关文章