使用CSS如何只更改表的第二列

如何只使用CSS,我怎样才能覆盖只有第二列的CSS的CSS。

我可以使用以下所有的列:

.countTable table table td 

由于这不是我的网站,我无法到达此页面上的html来修改它。

谢谢。

你可以像这样使用:nth-child伪类:

 .countTable table table td:nth-child(2) 

请注意,这在旧版浏览器(或IE)中不起作用,在这种情况下,您需要为单元格指定一个类或使用javascript。

尝试这个:

 .countTable table tr td:first-child + td 

你也可以重申一下,以便devise其他栏目:

 .countTable table tr td:first-child + td + td {...} /* third column */ .countTable table tr td:first-child + td + td + td {...} /* fourth column */ .countTable table tr td:first-child + td + td + td +td {...} /* fifth column */ 

要仅更改表格的第二列,请使用以下内容:

一般情况:

 table td + td{ /* this will go to the 2nd column of a table directly */ background:red } 

你的情况:

 .countTable table table td + td{ background: red } 

注意:这适用于所有浏览器(现代和旧版本),这就是为什么我将答案添加到一个老问题

您可以为第二列中的每个单元格指定一个类。

 <table> <tr><td>Column 1</td><td class="col2">Col 2</td></tr> <tr><td>Column 1</td><td class="col2">Col 2</td></tr> <tr><td>Column 1</td><td class="col2">Col 2</td></tr> <tr><td>Column 1</td><td class="col2">Col 2</td></tr> </table> 

在这个网页http://quirksmode.org/css/css2/columns.html我发现,简单的方法;

 <table> <col style="background-color: #6374AB; color: #ffffff" /> <col span="2" style="background-color: #07B133; color: #ffffff;" /> <tr>..