为什么标题行在我的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;}