通过CSS隐藏表的第一列的方法

Question

此代码适用于IE以外的浏览器:

table.tbl.tr.td:first-child { display: none; }

我应该使用什么来使它适用于所有浏览器？

Answer 1

你上面的表达根本不起作用.table.tbl.tr.td将选择一个像这样定义的表元素:<table class="tbl tr td">但不是它的单元格.

它应该是这样的,并且Internet Explorer 6上的几乎所有浏览:first-child器都支持选择器:

table.tbl tr td:first-child { display: none; }

Answer 2

不幸的是,旧版本的IE不支持:CSS中的第一个孩子.不知道IE8.无论如何,如果你不想做javascript,并且你可以访问html,那么很容易将"第一"类分配给表格中的第一列tds.所以html看起来像:

<table>
  <tr>
    <td class="first">...</td>
    <td>..</td>
    ..
  </tr>
</table>

然后,您可以创建一个css条目,如:

table td.first { display: none; }

Answer 3

隐藏第一列

table td:nth-child(1){ display:none;} 

在Chrome + FireFox中正常工作,但在IE中则无效

使用Jquery处理跨平台问题:

$('table td:nth-child(1)').hide();

适用于所有浏览器!