Jquery 为什么标题行没有在我的HTML表上显示边框？

我的HTML表有以下CSS代码，但由于某些原因，边框没有越过标题行（代码）。我确实错过了一些简单的东西，但我似乎无法理解

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

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

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

我正在使用添加这些奇偶条纹

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

---

不要将样式添加到TR，将其添加到TD。因此：

tr.odd td {background:000;}

---

要详细说明Superstringcheese的答案：

当你试图根据

s设置样式时，有些浏览器（即，ahem）的行为会很奇怪，因为从概念上讲，它们只是用来容纳

s和

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');