Question

我发现在我使用的Foundation框架中使用ng-repeat内部时，我的ng-class被覆盖了。代码相对简单：

<tr ng-repeat="goal in goals" ng-class="goal.difficulty">

我可以看到在chrome dev工具中应用的类，但是它被table.scss样式覆盖了

tables tr:nth-of-type(even)

基础之后我有我的 CSS，所以我对这种情况有点不知所措。

修改

由于人们不相信它被覆盖在这里是一个图像（你也可以从Github检查项目）

Answer 1

尝试将！important放在类样式定义的末尾，以便它们覆盖基础。

这不是解决方案，但它表明你的造型与zurb发生冲突。然后正确的答案是使用sass从zurb中删除默认的表格样式，特别是：

// These control the background color for the table and even rows
$table-bg: $white;
$table-even-row-bg: $snow;

我不相信该类没有应用于该元素（除非你发布一些呈现的html否则）。