CSS特定表行

Question

的我有一个表，因为这一个：

<table id="someID"> 
<tr><td>example text</td></tr> 
<tr><td>example text</td><td>example text</td></tr> 
<tr><td>example text</td></tr> 
<tr><td>example text</td><td>example text</td></tr> 
</table> 

而且我想只用CSS来隐藏在表中的第二和第三行。这个表是预定义的，所以我不能使用id或class标签来指定风格的行，我正在寻找一些针对特定行的解决方案。

如果这可以用CSS完成可以有人告诉我如何做到这一点。

Answer 1

这里要做的只是Solution.

的HTML：

<table id="someID"> 
    <tr><td>example text</td></tr> 
    <tr><td>example text</td><td>example text</td></tr> 
    <tr><td>example text</td></tr> 
    <tr><td>example text</td><td>example text</td></tr> 
</table> 

的CSS：

table tr:nth-child(2) {display : none;} 
table tr:nth-child(3) {display : none;} 

你必须使用：第n个孩子（）隐藏，你的愿望行。

由于大部分：nth-​​child（）将不适用于旧版浏览器，因此这里是Solution。

的HTML：

<table id="someID"> 
    <tr><td>example text</td></tr> 
    <tr><td>example text</td><td>example text</td></tr> 
    <tr><td>example text</td></tr> 
    <tr><td>example text</td><td>example text</td></tr> 
</table> 

的CSS：

table tr:FIRST-CHILD + tr { 
    display:none; 
} 

table tr:FIRST-CHILD + tr + tr { 
    display:none; 
} 

现在希望这会有所帮助。

Answer 2

您可以使用:nth-child()选择：

http://www.w3schools.com/cssref/sel_nth-child.asp

Answer 3

可以使用CSS3 CSS

#someID tr:nth-child(2){display:none;} 
#someID tr:nth-child(3){display:none;}