html - 特定の列に割り当てられた th を選択します

Question

次の html があるとします。

<table>
    <caption>test</caption>
    <colgroup>
        <col class='col1'/>
        <col class='col2'/>
        <col class='col3'/>
    </colgroup>
    <thead>
        <tr>
            <th>Column1</th>
            <th>Column2</th>
            <th>Column3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Cell1.1</td>
            <td>Coll1.2</td>
            <td>Coll1.3</td>
        </tr>
        <tr>
            <td>Cell2.1</td>
            <td>Coll2.2</td>
            <td>Coll2.3</td>
        </tr>
        <tr>
            <td>Cell3.1</td>
            <td>Coll3.2</td>
            <td>Coll3.3</td>
        </tr>
    </tbody>
</table>

そして、次の CSS があります。

.col2{
    background-color: #AAA;
}
.col1,col3{
    background-color: #FFF;
}

th次に、列に関連付けられているを選択してcol2、背景画像を配置します。またはまたは、の
ようなもの....col2:thth.col2.col2 th

選択したいのですが、要素thからアドレス指定します。colクラスをオンに設定していますが、動的なので、直接ではなく要素ごとにアクセスしcolたいCSS で特定のタグに関連付けられている特定のタグを選択するにはどうすればよいですか?thcol
col