CSS для скрытия нескольких столбцов в таблице

У меня есть таблица, подобная той, что показана ниже на сайте SharePoint. Я не могу изменить таблицу, поскольку она генерируется динамически, но я могу добавить внешний CSS, чтобы переопределить его стиль. Мне нужно показать только второй столбец и скрыть первый, третий и четвертый столбцы.

Псевдо-class для скрыть первый столбец

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

Пожалуйста, помогите мне с псевдо-classом или любым другим трюком, чтобы скрыть третий и четвертый столбцы.

 
Role Merin Nakarmi 30
Role Tchelen Lilian 22
Role Suraj Shrestha 31

    CSS3:

     table#student td { display: none; } table#student td:nth-child(2) { display: block; } 

    Используйте селектор nth-child , чтобы отпереть 2-й

    каждой строки, эффективно отображая второй столбец.

    Вы можете использовать селектор CSS3 : nth-child ()

     td:nth-child(3), td:nth-child(4) { display: none } 

    jsfiddle здесь

    Я удивлен, что никто не упомянул об общем селекторе. (Больше информации здесь) Если вам нужно показать только второй столбец, я бы применил display: none; стиль для первой ячейки и всех ячеек после второго.

     table#student td:first-child, table#student td:nth-child(2) ~ td { display: none; } 
     
    Role Merin Nakarmi 30
    Role Tchelen Lilian 22
    Role Suraj Shrestha 31

    Ну вот.

    CSS:

     table#student tr td:first-child, table#student tr td:nth-child(3), table#student tr td:nth-child(4) { display: none; } 

    РАБОЧАЯ ДЕМО

     .hideFullColumn tr > .hidecol { display:none; }