使用CSS可以隐藏网格视图中的某些列

Question

我有一个自动填充的gridview(asp.NET(，我使用CSS将其格式化为表。我需要设置显示：大约前六行没有显示。我可以用javascript来做到这一点，但有没有一种优雅的方法可以用CSS来做到呢？我试过了：

#myTable td:eq(0)

这给了我一个错误，并且：

#myTable tr:nth-child(0)  {display:none}

这不会出错，但也不起作用。如果这些有效，我可以一个接一个地隐藏我的列，但我有大约七到八个列要隐藏。所以我想我有两个问题，第一，我可以隐藏一些列而不隐藏其他列吗？第二，我可以躲一个范围吗？

更新，基于Miak的回答。以下是完整的工作解决方案：

#gvLoadStatus th:nth-child(-n+9) { 
display: none; 
}            
#gvLoadStatus td:nth-child(-n+9) { 
display: none; 
}

Answer 1

要隐藏前6行，可以使用以下命令：tr:nth-child(-n+6)

tr:nth-child(-n+6) {
display: none;
}

<table>
<tr>
<td>1</td>
<td>2</td> 
</tr>
<tr>
<td>2</td>
<td>2</td>   
</tr>  
<tr>
<td>3</td>
<td>2</td> 
</tr>
<tr>
<td>4</td>
<td>2</td>   
</tr>  
<tr>
<td>5</td>
<td>2</td> 
</tr>
<tr>
<td>6</td>
<td>2</td>   
</tr>    
<tr>
<td>7</td>
<td>2</td>   
</tr>    
<tr>
<td>8</td>
<td>2</td>   
</tr>      
</table>