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

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

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

.countTable table table td 

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

谢谢。

Answer 1

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

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

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

Answer 2

尝试这个：

 .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 */ 

Answer 3

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

一般情况：

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

你的情况：

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

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

Answer 4

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

 <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> 

Answer 5

在这个网页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>..