比如我说:
<div id="container"> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> </div>
和
td { width:10px; height:10px; }
我想做的是将样式应用到第一个表的第一个td.
我本来会期待:
#container table:first-child td:first-child { background: red; }
但是它不行吗?请指教!
解决方法
#container table:first-child tr:first-child td:first-child { background: red; }
似乎工作
请注意,在IE下,您将需要在您的HTML中有一个!DOCTYPE声明来获得:first-child的支持. http://www.w3schools.com/cssref/sel_firstchild.asp