使用CSS隐藏项目

我的CSS代码有什么问题？我想隐藏时间戳列，但它不工作？我无法访问正文中的任何内容，因为它是自动生成的，因此我尝试使用css

代码：

th，td{
右边填充：50px；
文本对齐：居中；
}
.tb{
明确：两者皆有；
}
.tsp{
显示：无；
}
日程
名称
价值
单位
时间戳
A.
水位
---
米
2013/06/18  18:10:01.948
A.
溪流
---
库梅斯
2013/06/18  18:10:01.989
A.
油箱压力
---
防扩散安全倡议
2013/06/18  18:10:02.029
A.
气泡器电压
---
v
2013/06/18  18:10:02.068
A.
水温
---
度
2013/06/18  18:10:03.176
A.
导电性
---
美国/厘米
2013/06/18  18:10:03.244
A.
浑浊度
---
台大
2013/06/18  18:10:03.284
A.
酸碱度
超出范围
pH值单位
2013/06/18  18:10:03.322
A.
外部蓄电池电压
18.996444
v
2013/06/18  18:10:03.323

---

您必须将要隐藏的每个

标记设置为

colgroup

不支持显示属性

支持的属性包括：

对齐、char、charoff、valign、宽度和跨度

HTML5不支持某些属性

编辑：如您所述，您无法访问表体。请尝试此操作以隐藏表中的第5列：

tr td:nth-child(5), tr th:nth-child(5) {
    display: none;
}
tr td + td + td + td + td {display:none } /*IE 8*/

---

对于较旧的浏览器，您也可以尝试只为colgroup设置

宽度：0px

您必须设置每个

标记，您要隐藏到

colgroup
不支持显示属性

支持的属性包括：

对齐、char、charoff、valign、宽度和跨度

HTML5不支持某些属性


编辑：如您所述，您无法访问表体。请尝试此操作以隐藏表中的第5列：

tr td:nth-child(5), tr th:nth-child(5) {
    display: none;
}
tr td + td + td + td + td {display:none } /*IE 8*/

作为旧浏览器的后备方案，您还可以尝试为colgroup设置
宽度：0px
您还需要将该类应用于所有相应的td和th

  <thead>
    <tr>
        <th>Schedule</th>
        <th>Name</th>
        <th>Value</th>
        <th>Units</th>
        <th CLASS="tsp">Timestamp</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>A</td>
        <td>Stream Level</td>
        <td>---</td>
        <td>metres</td>
        <td CLASS="tsp">2013/06/18  18:10:01.948</td>
    </tr>


日程
名称
价值
单位
时间戳
A.
水位
---
米
2013/06/18  18:10:01.948

…etc
您还需要将该类应用于所有相应的td和th

  <thead>
    <tr>
        <th>Schedule</th>
        <th>Name</th>
        <th>Value</th>
        <th>Units</th>
        <th CLASS="tsp">Timestamp</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>A</td>
        <td>Stream Level</td>
        <td>---</td>
        <td>metres</td>
        <td CLASS="tsp">2013/06/18  18:10:01.948</td>
    </tr>


日程
名称
价值
单位
时间戳
A.
水位
---
米
2013/06/18  18:10:01.948

…等
编辑：

试试这个javascript黑客：

（实际上，它只是先读取
，如果每个页面中有多个，则可以添加另一个for循环，如
myrows
）

第一个答案：

尝试使用
：最后一个孩子

差不多
td:last child{display:none；}
编辑：

试试这个javascript黑客：

（实际上，它只是先读取
，如果每个页面中有多个，则可以添加另一个for循环，如
myrows
）

第一个答案：

尝试使用
：最后一个孩子

差不多
td:last child{display:none；}
您可以在表上使用伪类
：第n个子项（n）
：

.jdt tr th:nth-child(5), .jdt tr td:nth-child(5) {
    display: none;
}

这将隐藏表中的第5个
td，th
元素

有关更多特殊选择器，请参阅本文：

您可以在表上使用伪类
：n子类（n）
：

.jdt tr th:nth-child(5), .jdt tr td:nth-child(5) {
    display: none;
}

这将隐藏表中的第5个
td，th
元素

有关更多特殊选择器，请参阅本文：

您需要设置显示：无；对于行元素，可以添加javasript吗？CSS是通过外部文件还是在主体中？我可以在head标记中添加javascript，但不能修改主体标记中的任何内容。css必须在文件的头标签中。你做到了吗？你需要设置display:none；对于行元素，可以添加javasript吗？CSS是通过外部文件还是在主体中？我可以在head标记中添加javascript，但不能修改主体标记中的任何内容。css必须在文件的头标签中。你这样做了吗？我不能修改主体标签中的任何内容，因为它是由机器自动生成的。我不能修改主体标签中的任何内容，因为它是由机器自动生成的。@user1406186支持IE 9+“不幸的是，在我工作的行业中，每个人都使用IE6”这将是我辞职的原因…@user1406186支持IE9+“不幸的是，在我工作的行业中，每个人都仍然使用IE6”这将是我辞职的原因…
tr td+td+td+td{display:none}
将在IE8中工作，尽管如此。@user1406186刚刚更新了答案，JS有一个错误：）希望它能工作
tr td+td+td+td+td{display:none}
将在IE8中工作，但选择器很难看。@user1406186，刚刚更新了答案，JS有一个错误：）希望它能工作！我相信在IE7中没有javascript是不行的。。。我用它来做这些事情…我相信在IE7中没有javascript是不行的。。。我用它来做这些事情。。。