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

前端之家收集整理的这篇文章主要介绍了使用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

原文链接:https://www.f2er.com/css/216614.html

猜你在找的CSS相关文章