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

nim*_*imo 3 html css

我正在使用简单的html表和下面的css,这将简单地改变鼠标悬停时的背景颜色.

    html>body tbody.scrollableBody tr:hover>td{
    background-color: #ccc
}
Run Code Online (Sandbox Code Playgroud)

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

谢谢

jon*_*ohn 7

按照上述规则使用此规则.

html>body tbody.scrollableBody tr:last-child:hover>td{
    background-color: #FFF 
}
Run Code Online (Sandbox Code Playgroud)

#FFF 将默认为背景颜色