CSS隐藏首个表格外其余thead失效问题求助

你写的CSS规则里，:first-child是匹配父元素的第一个子元素，不管元素类型。看你的HTML结构，.container的第一个子元素是<div>，不是<table>，所以所有<table>都满足:not(:first-child)条件，导致所有<thead>都被隐藏了。

把:first-child换成:first-of-type，这个选择器会匹配父元素下同类型元素中的第一个，正好符合你要找“第一个表格”的需求。修改后的CSS如下：

@media screen {
  .container>table:not(:first-of-type)>thead {
    display: none !important;
  }
}

• table:first-of-type会选中.container下的第一个<table>元素，不管它前面有多少其他类型的子元素
• :not(:first-of-type)就会匹配.container里除了第一个表格之外的所有表格，再选中它们的<thead>设置隐藏，完全符合你的需求

内容的提问来源于stack exchange，提问作者s.k.paul