如何使第一行黑色和第二列紅色

我想給一個css類行，我想使第一列黑色和第二列紅色。我不想使用colgroup，因爲這是一個行的具體行爲不應該是整個表的影響。謝謝。如何使第一行黑色和第二列紅色

2012-03-04 rematnarab

難道你們就不能只給每一個小區的類和風格的CSS？ – AlexKempton 2012-03-04 13:27:02

你可以使用：

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

來源

2012-03-04 13:26:43 Qtax

如果沒有CSS3，這樣可以更好地支持瀏覽器。 – Smamatti 2012-03-04 13:30:38

您需要創建2種類型的CSS。
爲每一行添加所需的CSS。

來源

2012-03-04 13:26:24 Ofer

1 /哪種類型的CSS？你的意思是CSS規則？ 2 /你是說你在每行的前兩個單元格上添加樣式屬性？只要有可能就更好地將CSS與HTML分開（並且可能在這裏） – FelipeAls 2012-03-04 22:13:56

，這個CSS可以在將來再次使用 – Ofer 2012-03-05 06:56:24

CSS3中你可以使用:nth-child()僞類。

來源

2012-03-04 13:27:27 m02ph3u5

這可能沒有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>

來源

2012-03-04 13:29:53 Smamatti

+1，這可能比「nth-child」更好。 – Qtax 2012-03-04 16:24:09

恐怕這不是@rematnarab正在尋找的東西。我沒有記住，不應該影響整個桌子。編輯'tr'到更具體的規則。 – Smamatti 2012-03-04 18:33:25

只是一個說明：我需要你的**上一個**版本的代碼。 +1查看日誌！ – 2014-03-13 20:46:52

...這是一個行的具體行爲不應該是整個表的影響。

然後將不同的風格給定行的第一個和第二列可能是有用的：

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

來源

2012-03-04 13:34:58 Juvanis

+1哎呀。你是對的！ - >'不應該影響整個桌子 – Smamatti 2012-03-04 18:31:38

如何使第一行黑色和第二列紅色

回答

相關問題