Css将border设置为last to last table tr

Question

我有以下css代码在所有td上设置边框：

table td {
    border-bottom: 1px dotted #706E6D;
    direction: rtl;
    line-height: 30px;
    vertical-align: middle;
}

我想将border:none;设置为最后一个tr（这可能有td）。

table tr:last-child  {
    border: none;
}

Answer 1

您正在向td元素应用边界规则。因此，您还需要将其从最后td本身的tr中删除。

table tr:last-child td  {
    border: none;
}

Js Fiddle Demo

Answer 2

我假设您希望最后一行中的所有表格单元格没有边框。将您的CSS规则更改为：

table tr:last-child td {
    border: none;
}