如何使第一列黑色和第二列红色

Question

我想给一行css类,我想让第一列为黑色,第二列为红色.我不想使用colgroup,因为这是一个行特定的操作,不应该影响整个表.

Answer 1

你可以使用:

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

Answer 2

没有CSS3就可以实现!

示例
http://jsfiddle.net/Q3yu5/1/

CSS

tr.special_row td {
    background-color: #000;
}

tr.special_row td + td {
    background-color: #f00;
}

tr.special_row td+td+td {
    background-color: #fff;
}

HTML

<table>
<tr class="special_row">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
</tr>
<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
</tr>
</table>