html - 如何更改最后一个表格 <tr> 边框颜色

我有一个包含一些行的基本表。每行的边框底部为 2px，但我希望最后一行根本没有任何底部。但是，我似乎无法用我当前的代码做到这一点。

<table id="products">
    <tr></tr>
    <tr></tr>
    <tr></tr>
    <tr></tr>
    <tr class="productsBottom"></tr>
</table>

这是我的 CSS:

#products tr {
    height: 94px;
    border-bottom: 2px solid #e5e5e5;
}

tr.productsBottom {
    border-bottom: 0px solid;
}

这有什么帮助吗？我似乎不明白为什么当我添加背景颜色时它会起作用，但是以任何方式更改边框似乎没有任何作用？

最佳答案

您需要将 border-bottom 设置为 'none'，您也可以使用 :last-child 选择器直接选择最后一行而不需要为其分配一个类

#products tr:last-child{
    border-bottom:none;
}

您可能还想添加:

#products{
    border-collapse:collapse;
}

关于html - 如何更改最后一个表格 <tr> 边框颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23610677/