将样式应用于表格中的列？答案

【问题标题】：Apply style to column in a table?将样式应用于表格中的列？
【发布时间】：2014-06-04 05:17:55
【问题描述】：

是否可以将样式应用于列？例如，假设我希望第二列是红色的（实际上它会更复杂）。下面/this demo我给了第二列b类，但我不知道如何使每行的第二列变成红色。我只知道如何设置表头样式

.b { color: red; }

<table>
    <th>a</th>
    <th class="b">b</th>
    <th>a</th>
    <tbody>
        <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        </tr>
        <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        </tr>
        <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        </tr>
        <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        </tr>
    </tbody>
</table>

【问题讨论】：

标签： css html-table css-selectors

【解决方案1】：

http://jsfiddle.net/EEJfc/3/

使用第 n 个子选择器。

你的情况

table td:nth-child(2) { color: red }

【讨论】：

我认为您需要更新 JSFiddle 链接：P 仍然显示旧示例，但您的解决方案是正确的 ;) +1
哦，是的，总是忘记这个。谢谢。

【解决方案2】：

使用nth-child

tbody tr td:nth-child(2){color: red;}

Demo JsFiddle

【讨论】：

点赞。抱歉，我倾向于接受得分最低的人的回答。