一部のtdだけ色を変える方法

Question

ちょっとしたtableを作成しました。
タイトル部分に当たる<td colspan="2">だけ色を変えたいのですが(他のtdはcssで違う色に指定しています)、<td>を<td bgcolor="色"> ～ </td>と指定しても、色が変わりません。
一部のtdだけを色を変える方法はありますか？

table.color td{
background-color: #FAFAFA;  
}
<table  class="color">
<tr>
<td colspan="2" bgcolor="#FFC0CB">
順番
</td>
</tr>
<tr>
<td>
A
</td>
<td>
B
</td>
</tr>
</table>  

Answer 1

<tr>
<th colspan="2">
順番
</th>
</tr>

table.color th{
background-color: #FFC0CB;  
}  

タイトル部分に当たるという意味合いからもtdではなくthを使ってみては？

###追記

<tr>
<td colspan="2" class="title">
順番
</td>

td.title{
background-color: #FFC0CB;  
}  

Comments

[diamonddogs]

tdを使いたいのですが・・・

[diamonddogs]

なぜなら、thを後に実装し<tr><th>カレー</th><td>1000円</td></tr>とし、<th>を<td>の長さより短くしたいので<td>にこだわっているのです。

[diamonddogs]

できました!!!
有難うございました。

[diamonddogs]

ベストアンサーです。