如何禁用最后一个表格行的悬停效果？

【问题标题】：How to disable on hover effects on last table row?如何禁用最后一个表格行的悬停效果？
【发布时间】：2011-02-25 04:01:03
【问题描述】：

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

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

我需要对除最后一个表行之外的每个表行都使用此效果。无论如何我可以用 css 或 js 处理这个异常吗？

谢谢

【问题讨论】：

标签： html css

【解决方案1】：

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

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

#FFF 默认是任何背景颜色

【讨论】：