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

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

1 个答案: