Question

I have one table

<table>
<tr><td>test data 1</td></tr>
<tr><td>test data 2</td></tr>
<tr><td>test data 3</td></tr>
<tr><td>test data 4</td></tr>
<tr><td>test data 5</td></tr>
</table>

To hide second row of table i am using following css

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

But not working in all browser.
Please help me.
Thanks in advance.

Answer 1

:nth-child() simply doesn’t work in all browsers (mainly IE), if you wish to hide the second row using CSS2, you could add a specific class:

<table>
<tr><td>test data 1</td></tr>
<tr class="row2"><td>test data 2</td></tr>
<tr><td>test data 3</td></tr>
<tr><td>test data 4</td></tr>
<tr><td>test data 5</td></tr>
</table>

 table tr.row2 {display : none;}