Jak zrobić pierwszą kolumnę z rzędu czarnej i drugiej kolumny czerwonej

Question

Chciałbym nadać klasie css wiersz i chciałbym, aby pierwsza kolumna czarna, a druga kolumna czerwona. Nie chcę używać colgroup, ponieważ jest to akcja specyficzna dla wiersza, a nie cała tabela powinna zostać wykonana. Dzięki.

Answer 1

Można użyć:

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

Answer 2

Musisz utworzyć 2 rodzaje CSS.
Dla każdego wiersza dodajesz żądany CSS.

Answer 3

W CSS3 można użyć pseudo-klasę :nth-child().

Answer 4

Jest to możliwe bez CSS3!

Próbka
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

... jest to akcja specyficzna dla wiersza, a nie cała tabela.

Następnie stosując różne style do swojej pierwszej i drugiej kolumnie danego wiersza może być przydatna:

<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>