使用CSS 3选择第一个表中的第一个td

比如我说：

<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