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

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 вам нужно иметь объявление! DOCTYPE в вашем html, чтобы получить поддержку для: first-child.http://www.w3schools.com/cssref/sel_firstchild.asp