如何像其他tr一样进行相同的悬停

Question

我遇到了一些我不明白的麻烦。 我想要所有TR的相同悬停，正确的是在CELL B上工作的悬停

有人可以解释一下，错误在哪里？

这是我的悬停CSS：

.table-hover tr:hover,
.table-hover tr td:hover {
    background-color: #595959!important;
    color: #fff;
    font-style: italic;
}

http://jsfiddle.net/luiggi/uR22x/3/

Answer 1

WORKING DEMO

你的问题是：

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th{
    background-color: #f9f9f9!important;
}

• 你的风格并未覆盖这一点，小提琴中的注意事项我也改变了：

  .table-hover tr td：hover

到此：

.table-hover tr:hover td

因为你想改变以下所有的TD：徘徊TR ..对吗？

Answer 2

不要在任何地方使用!important，最好为tr：

应用悬停效果

table tr:hover td {
    background-color: #595959;
}

Answer 3

你已经在奇数tr中实现了一些css，你的主要功能将是打扰。这就是为什么它只能在偶数tr上工作。

*so ,remove following line from css* 

.table-striped>tbody>tr:nth-child(odd)>td,