使用 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>

And

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 http://www.w3schools.com/cssref/sel_firstchild.asp