爲什麼標題行在我的HTML表格上沒有顯示邊框？

Question

我對我的HTML表格有以下CSS代碼，但出於某種原因，邊框不會覆蓋標題行（<th>）。這絕對是我錯過的一件簡單的事情，但我似乎無法弄清楚。

#dependenciesTable tr.odd { 
    background-color: #ffffff; 
} 

#dependenciesTable tr.even { 
    background-color: #CDE0F6; 
} 

#dependenciesTable 
{ 
    border-collapse:collapse; 
    border-width: 1px; 
    border-style: solid; 
} 

我使用jQuery添加這些奇偶分拆。

$('#dependenciesTable tr:odd').addClass('odd'); 
$('#dependenciesTable tr:even').addClass('even'); 

Answer 1

爲了詳細說明Superstringcheese的回答是：

一些瀏覽器（IE，啊哈）行爲怪異當您嘗試基於<tr>風格的東西，因爲在概念上他們只是元素持有<td>小號和<th> s。所以，你想你的CSS改成這樣：

#dependenciesTable td.odd { 
    background-color: #ffffff; 
} 

#dependenciesTable td.even { 
    background-color: #CDE0F6; 
} 

#dependenciesTable 
{ 
    border-collapse:collapse; 
    border-width: 1px; 
    border-style: solid; 
} 

而jQuery代碼到這一點：

$('#dependenciesTable tr:odd td').addClass('odd'); 
$('#dependenciesTable tr:even td').addClass('even'); 

Answer 2

不要將樣式添加到TR，將其添加到TD。所以：

tr.odd td {background:000;}