后代选择器用法

Question

我有一块我无法控制的HTML代码。但是，我可以访问更改样式表。我需要在第一个嵌套表中添加一些样式。这是html：

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

我想设置第一个嵌套表的样式。我认为这将是正确的选择器，但它似乎没有工作：

  

table.outer tr＆gt; td：第一个孩子＆gt;表

似乎想要为所有表格设置样式，而不仅仅是第一个td内的那些表格。

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