CSS для первого td каждого tr в определенной таблице

У меня есть таблица с id "student". например.

 <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>

Для каждой строки в этой таблице первый <td> имеет значение Роль, и я хочу скрыть этот первый <td> для каждой строки. Я попробовал вариант, например

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

Но, к сожалению, это не сработало.

Пожалуйста, помогите

Ответ 1

Используйте ниже.

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

РАБОЧИЙ ДЕМО

Ответ 2

Ваш этот код не является правильным:

{ width: 0px; important; }

это должно быть:

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

перед important свойством вы используете точку с запятой, что не правильно.

Ответ 3

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