Использование потомка селектора

Question

У меня есть блок HTML-кода, который я не могу контролировать.Однако у меня есть доступ к изменению таблицы стилей.Мне нужно добавить стиль к первой вложенной таблице.Вот HTML:

<table class="outer">
    <tr>
        <td>
            <table>
                    .
                    .
                    .
            </table>
        </td>
        <td>
        .
        .
        .
        </td>
    </tr>
</table>

Я хочу стилизовать первую вложенную таблицу.Я подумал , что это будет правильный селектор для этого, но он не работает:

table.outer tr> td: first-child> table

Кажется, он хочет стилизовать все таблицы, а не только те, которые находятся внутри первого тд.

Answer 1

Вместо того, чтобы предполагать, что ваши ... сделаны из не-табличных элементов согласно моему комментарию, я предполагаю, что они другие элементы таблицы.

Вот очень специфический селектор, который вы можете попробовать (добавляет больше :first-child псевдоклассов и больше > комбинаторов):

table.outer > tbody > tr:first-child > td:first-child > table:first-child

Answer 2

Обратите внимание, что это также первая <tr>, на которую вы хотите нацелиться.

table.outer tr:first-child > td:first-child > table