如果一行只是使用css徘徊，如何使行的最后一个td突出显示？

Question

我希望在悬停时突出显示该行的最后一个单元格。只用css就可以做到这一点。这是工作的链接。

http://jsbin.com/isukemih/2/edit

我尝试了以下方式

tr:hover {
  background-color: #f00;
}

tr:last-child:hover {
  background-color: #f00;
}

Answer 1

使用此选项设置为红色悬停行的最后一个单元格的背景颜色：

tr:hover td:last-child {
  background-color: #f00;
}

Demonstration

Answer 2

试试这个

tr:hover td:last-child {
  background-color: #f00;
}

Answer 3

你有很多不错的选择

tr:hover td:last-child {
  background-color: red;
}

或

tr:hover td:last-of-type {
  background-color: red;
}

或

tr:hover td:nth-last-child(1){
    background:red;
}