我有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元素,即使你在代码中没有它。