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

Posted 2023-03-06

【中文标题】将样式应用于表格中的列？

【英文标题】：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>

【参考方案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

【讨论】：

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