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

Question

比方说我有:

<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;
}

但它不起作用？请指教!

Answer 1

#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