从th范围标记隐藏Span标题

Question

我必须隐藏表格的一部分，单元格是标签，而在我内部我有跨度标题。我一直在寻找，但我找不到任何提示。我想隐藏其中一个单元格，只是隐藏整个表格中的一个单元格。可以使用CSS文件执行此操作吗？

这就是我的css的制作方式：

.GridHeaderStyle th{text-align:center;}
.GridMainSytle td, .GridHeaderStyle th
{    
border:thin solid #ffffff;  
*border:none;

}

正如你可以看到th和td在一起，我不能真正指出这个问题。 Google开发人员工具向我显示第th个标记为

<th scope="col" widgth="10%">

<span title="column1">

我尝试了以下操作，但它隐藏了所有细胞而不是有问题的细胞。

.GridHeaderStyle th[scope=col]
{
display:none;
}

提前致谢

Answer 1

请尝试以下CSS代码：

.GridHeaderStyle th span {
  display:none;
}

Answer 2

如果没有看到更多的标记，很难确定，但可能是基于th[scope=col]选择器与所有标题单元格匹配的示例。看看使用nth-child CSS选择器更具体，但要注意这是一个脆弱的解决方案。如果您的标记发生更改，以致您要禁止的标题现在采用不同的顺序，则您的规则将隐藏错误的列。

如果您的用例允许，您可以隐藏span而不是列，因此更具体地说明元素。试试规则：

th span[title=column1] {
  display:none;
}