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

您还可以重申以设置其他列的样式：

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