Html 突出显示悬停上的一行，在没有悬停的情况下不工作！重要的

这是我的html文件中的表。我试过悬停效果，但是没有悬停效果就不行了！重要的

<tr ng-repeat="case in lastten" ng-click="setSelected(case.BuildName)" ng-class="{selected: case.Name === idSelectedVote}">
    <td colspan="1">{{case.Name}}</td>
    <td colspan="1">{{case.Total}}</td>
    <td colspan="1">{{case.Passed}}</td>
    <td colspan="1">{{case.Failed}}</td>
</tr>

---

您正试图使用两个不同的选择器更改td的背景色<代码>表tr:n子（偶数）td优先于

tr:hover td

。设置tr的交替背景颜色，悬停时可以设置td的背景颜色

或者，您可以使用以下选择器来提高悬停选择器的优先级

tr:nth-child(n):hover td {
  background: #eee;
}

表格{
宽度：100%；
表布局：固定；
}
表tr：第n个子项（偶数）{
背景#f3f7fb；
}
表tr：第n个子项（奇数）{
背景：#ffffff；
}
tr：悬停td{
背景：#eee；
}

{{case.Name}
{{case.Total}
{{case.Passed}
{{case.Failed}
{{case.Name}
{{case.Total}
{{case.Passed}
{{case.Failed}

它看起来像

：第n个子

选择器指定值大于基的指定值

换句话说，

表tr:n个子（奇数）td

的指定值大于

表tr td

。所以在悬停时，

trtd

被忽略。因为

表tr:n子（奇数）td

具有背景色

#ffffff

---

如果使用

！重要信息

语法，它使指定值成为最大值。这样就可以了。

您在html中包含了哪个.js文件。。？

tr:nth-child(n):hover td {
  background: #eee;
}