Cách tạo cột đầu tiên của một hàng màu đen và cột thứ hai màu đỏ

Question

Tôi muốn cung cấp một lớp css thành một hàng và tôi muốn làm cho cột đầu tiên màu đen và cột thứ hai màu đỏ. Tôi không muốn sử dụng colgroup vì đây là một hành động cụ thể hàng không phải toàn bộ bảng nên được thực hiện. Cảm ơn.

Answer 1

Bạn có thể sử dụng:

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

Answer 2

Bạn cần phải tạo 2 loại CSS.
Đối với mỗi hàng bạn thêm CSS bạn muốn.

Answer 3

Trong CSS3 bạn có thể sử dụng pseudo-class :nth-child().

Answer 4

Điều này có thể không có CSS3!

mẫu
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> 

Answer 5

... đây là một hành động cụ thể hàng không phải toàn bộ bảng nên được thực hiện.

Sau đó, áp dụng phong cách khác nhau để cột đầu tiên và thứ hai của bạn của hàng cụ thể có thể hữu ích:

<style type="text/css"> 
    td.first 
    { 
     background-color: black; 
     color: white; 
    } 
    td.second 
    { 
     background-color: red; 
     color: white; 
    } 
</style> 
<table> 
    <tr> 
     <td class="first">1st row, 1st column</td> 
     <td class="second">1st row, 2nd column</td> 
    </tr> 
    <tr> 
     <td>2nd row, 1st column</td> 
     <td>2nd row, 2nd column</td> 
    </tr> 
</table>