Html CSS子组合器（>；）不工作

对于我正在创建的网站，我需要有嵌套的HTML表。我有第一个表外行（标题）的样式，我不想将其应用于表内的第一行，因此我尝试使用子组合器，如下所示：

 table.outside > tr:first-child {
      # Outside table header row styles
 }

但是，该样式不会应用于外部表的标题行，但当我删除子组合符时，它会起作用。
这是我的HTML：

 <table class="outside">
      <tr><!-- This should be styled -->
           <th>Column 1</th>
           <th>Column 2</th>
      </tr>
      <tr>
           <td>
                <table>
                     <tr><!-- Table Data --></tr><!-- This should not be styled -->
                     <tr><!-- Table Data --></tr>
                </table>
           </td>
      </tr>
      <!-- Etc. -->
 </table>

第1栏
第2栏

---

我做错了什么？

您可以尝试使用此选择器

table.outside>tbody>tr:first child

，但如果您共享代码，我的帮助会更好。

如果您不共享代码，浏览器通常会添加

标记。请尝试

table.outside>tbody>tr:first child

code shared，很抱歉确认：