Bootstrap 3特定行的替代悬停颜色

Question

我有一个名为'table-green-hover'的类，当在桌面上设置时，它使悬停颜色为LightGreen而不是通常的引导颜色

.table-green-hover > tbody > tr:hover > td, 
.table-green-hover > tbody > tr:hover > th { background-color: LightGreen; }

然而，对于我表中的2个特定行（使用'logout-hover'类），我希望那些颜色完全不同，我想这样做

.logout-hover > tr:hover > td { background-color: LightBlue; }

虽然它似乎根本没有做任何事情，但当我将鼠标悬停在那两个特定的行上时，它们仍会显示LightGreen。

Answer 1

根据OP的评论进行编辑：

.table-green-hover tr.logout-hover:hover > td { background-color: LightBlue; }

旧答案：

.logout-hover > tbody > tr:hover > td { background-color: LightBlue; }

原因是因为 .table-green-hover > tbody > tr:hover > th（1个类，3个元素）更具体而不是.logout-hover > tr:hover > td（1个类，2个元素），因此具有更高的优先级。