将样式应用于表中的列?

2 css html-table css-selectors

是否可以将样式应用于列?例如,假设我希望第二列为红色(实际上它更复杂).下面/ 这个演示我给了第二列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>
Run Code Online (Sandbox Code Playgroud)

Nik*_*nov 7

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

使用nth-child选择器.

在你的情况下

table td:nth-child(2) { color: red }
Run Code Online (Sandbox Code Playgroud)