相关疑难解决方法(0)

用于隐藏表中多列的CSS

我有一个类似于下面在SharePoint站点中说明的表.我无法修改表,因为它是动态生成的,但我可以添加外部CSS来覆盖它的样式.我需要只显示第二列并隐藏第一,第三和第四列.

隐藏第一列的伪类是

table#student tr td:first-child { display: none; }
Run Code Online (Sandbox Code Playgroud)

请帮我伪类或任何其他技巧隐藏第三和第四列.

<table id="student">
    <tr>
        <td>Role</td>
        <td>Merin</td>
        <td>Nakarmi</td>
        <td>30</td>
    <tr>
        <td>Role</td>
        <td>Tchelen</td>
        <td>Lilian</td>
        <td>22</td>
    </tr>
    <tr>
        <td>Role</td>
        <td>Suraj</td>
        <td>Shrestha</td>
        <td>31</td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

html css html-table hide pseudo-class

13
推荐指数
2
解决办法
4万
查看次数

标签 统计

css ×1

hide ×1

html ×1

html-table ×1

pseudo-class ×1