CSS子组合器（>）不起作用

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但是如果你分享你的代码，我的帮助会更好。