CSS for first td of each tr in certain table

Question

I have table with id "student". e.g.

 <table id="student">     <tr>         <td>Role</td>         <td>Merin</td>         <td>Nakarmi</td>     </tr>     <tr>         <td>Role</td>         <td>Tchelen</td>         <td>Lilian</td>     </tr>     <tr>         <td>Role</td>         <td>Suraj</td>         <td>Shrestha</td>     </tr> </table> 

For each row in this table, the first <td> has value Role and I want to hide this first <td> for every row. I tried option like

#student > tr > td:first-child {      width: 0px; important; } 

But unfortunately did not work.

Please help

Answer 1

Use the below.

table#student tr td:first-child{display:none;} 

WORKING DEMO

Answer 2

Your this code is not correct:

{ width: 0px; important; } 

this should be:

#student > tr > td:first-child{    width: 0px !important;  } 

before important property you are using semicolon which is not correct.