@H_502_3@解决方法
原文链接：https://www.f2er.com/css/217223.html
@ Blender的答案是正确的,但只有当你不使用桌面上的.table-striped类时.
如果您使用.table-striped类,当您将鼠标悬停在具有浅灰色条纹的行上时,行高亮将不会消失.
当您将鼠标悬停在浅灰色的行上时会发生什么,即行将从浅灰色变为透明(白色),因此您将无意中对所有浅灰色的行执行行悬浮效果.
如果您还需要从条纹行中夺取悬停效果,那么在Blender的原始答案的基础上,我想你会有另一条规则：
.table tbody tr:hover td,.table tbody tr:hover th {
background-color: transparent;
}
.table-striped tbody tr:nth-child(odd):hover td {
background-color: #F9F9F9;
}
好的例子：这是一个链接到一个工作的jsfiddle示例,其中.table-striped类被考虑：
http://jsfiddle.net/pXWjq/
错误的示例：这里有一个例子,其中表格行悬停仍然发生(在灰色行上),因为灰色行悬停未被考虑：
http://jsfiddle.net/448Rb/
