css - 所有行的 Bootstrap 表悬停，而不仅仅是其他行

Question

我正在使用 Bootstrap 3 并将 table-striped table-hover 应用于我的表格类。

但是，我已将默认条纹颜色更改为绿色。所以我的专栏有绿 - 白 - 绿 - 白。

现在，当我悬停时，白色变成蓝色。这可以。但是当我将鼠标悬停在绿色上时，它会保持绿色。

我怎样才能让悬停时的每一行都显示 #ecf3f8？

我已经试过了，没有用:

.table-hover tbody tr.odd:hover td, .table-hover tbody tr.odd:hover th {
  background-color: #ecf3f8;
}

Answer 1

听起来像是一个特异性问题。尝试以下操作:

.table-striped.table-hover>tbody>tr:hover>td, 
.table-striped.table-hover>tbody>tr:hover>th {
  background-color: #ecf3f8;
}