如何在最后一个表行上禁用悬停效果？

Question

我正在使用带有以下css的简单html表，它只会在鼠标悬停时更改背景颜色。

    html>body tbody.scrollableBody tr:hover>td{
    background-color: #ccc
}

我需要将此效果带到除最后一个表行之外的每个表行。无论如何我用css或js处理这个异常？

谢谢

Answer 1

在上述规则之后使用此规则。

html>body tbody.scrollableBody tr:last-child:hover>td{
    background-color: #FFF 
}

#FFF默认为背景颜色