CSS Child Combinator（＆gt;）无效

Question

对于我正在创建的网站，我需要嵌套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>

我做错了什么？

Answer 1

您可以尝试使用此选择器table.outside > tbody > tr:first-child，但如果您共享代码，我的帮助会更好。