Выбор первого td в первой таблице с помощью CSS 3

Скажем, например, у меня:

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

Однако это не работает? Пожалуйста, советую!

Ответы

Ответ 1

#container table:first-child tr:first-child td:first-child { background: red; }

Кажется, нужно работать. Обратите внимание: в IE вам нужно будет иметь объявление! DOCTYPE в вашем html, чтобы получить поддержку: first-child. http://www.w3schools.com/cssref/sel_firstchild.asp