使用Angular覆盖Foundation表背景颜色单行

Question

在用户列表中，我想突出显示与用户当前排名相匹配的特定行。 我的问题是ng-class即使条件表达式匹配，它似乎也不会覆盖该行的Foundation 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;
}

这里是demo。