CSSを使用して、テーブルの2列目のみを変更する方法

cssのみを使用して、テーブルの2番目の列のみの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 */

テーブルの2番目の列のみを変更するには、以下を使用します。

一般的なケース：

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

background:red

}

あなたの場合：

.countTable table table td + td{ 

background: red

}

注：これはすべてのブラウザー（モダンおよび古いブラウザー）で機能するため、古い質問に回答を追加しました

2列目の各セルのクラスを指定できます。

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