Html 引导表行悬停，某些行除外

我有一个支持通过

class=“table hover”

悬停的表。但是，我希望某些行（具有不同颜色）在悬停时不会突出显示

我已从引导复制了悬停规则，并将其调整为tr.no-hover:

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

我的想法是，这样它应该显示行的原始（即未覆盖）颜色，因为我希望

无悬停

一般应用于不同颜色的行。但这并不奏效。也没有将

透明

指定为颜色

本质上，我需要的是删除某些行上的悬停效果。有没有办法做到这一点

.table-hover tbody tr.no-hover.success:hover > td,
.table-hover tbody tr.no-hover.success:hover > th {
    background-color: $brand-success;
}

.table-hover tbody tr.no-hover.warning:hover > td,
.table-hover tbody tr.no-hover.warning:hover > th {
    background-color: $brand-warning;
}

---

诸如此类，我想说……

对于所有感兴趣的人来说，我找到了一个解决方案，可以消除悬停效果，而不必为每种使用的颜色指定单独的悬停颜色

这里的关键点是在tr元件上设置自定义颜色，这样单元格将正确着色，并使用

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

遗传的是tr的颜色

不幸的是，我手头没有IE来测试它的行为

---

当您在某些表格行中使用自定义颜色时，这一点尤其有用，其他颜色应为引导的默认颜色。这样，您就不必复制Bootstrap的悬停颜色。

因为您需要对要应用悬停效果的行进行更多选择，所以创建自己的CSS悬停效果可能比使用Bootstrap的table hover类更容易

演示（感谢dfsq的支持）：

可以使用以下CSS（使用not选择器）将悬停时的背景色应用于没有特定类的表行

CSS:

---

请贴一把小提琴。看起来不错：。他想要不同颜色的小提琴，如

。success、

等。在这种情况下，我想你每节课都要做一次。看来我的想法还不错。不幸的是，这意味着我必须找出我的页面与提供的plunker示例的不同之处：（Thnaks@Dfsqi如果你想有选择性，不使用bootstrap的table hover类，而只是添加你自己的css来添加你想要的悬停效果会更容易吗？对我来说，这似乎有点太费劲了，因为这实际上需要为每种不同的颜色添加一个额外的悬停定义。很好，干净的解决方案！谢谢！我不得不做广告。）d.table hover tbody tr：也将鼠标悬停到您的css选择上

tr:not(.no-hover):hover {
    background-color: green;
}