用角度覆盖基础表背景色单行

Question

在用户列表中，我想突出显示与用户当前排名匹配的特定行。我的问题是，即使条件表达式匹配，使用 ng-class 它似乎也不会覆盖该行的基础background-color。该行如下所示：

<tr ng-repeat="user in displayUsers" ng-class="{'userSelectedBackground': user.rank == regularRank}">

我输出user.rank == regularRank只是为了测试它，我确实在我想突出显示的行上恢复了真实。开发人员工具显示正在应用我的userSelectedBackground类，但我看不到它被覆盖的位置。我也尝试过附加一个重要的标签，甚至没有成功：

.userSelectedBackground {
    background-color: #4C4CFF !important;
}

Answer 1

>基金会的:nth-of-type(even)规则是优先于你的类样式。您需要更具体地定位它：

.userSelectedBackground,
.userSelectedBackground:nth-of-type(even),
.userSelectedBackground:nth-of-type(odd){
  background-color:red;
}

这是一个演示。