Question

是否可以将样式应用于列？例如，假设我希望第二列为红色（实际上它更复杂）。在/ 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>

Answer 1

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

使用nth-child选择器。

在你的情况下

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

Answer 2

使用nth-child

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

Demo JsFiddle

将样式应用于表中的列？

2 个答案: