在 ngRepeat 和 Foundation 框架中使用 ngClass

Question

我发现我的 ng-class 在我正在使用的 Foundation 框架内的 ng-repeat 中使用时被覆盖。代码比较简单：

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

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

tables tr:nth-of-type(even)

在基础 CSS 之后，我有 我的 CSS，所以我不知道这是怎么发生的。

编辑：

由于人们不相信它被覆盖，这里是一张图片（你也可以从 Github 上查看该项目）

http://imgur.com/BtQjInF

https://github.com/OrganicCat/goal-tracker

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;

http://foundation.zurb.com/docs/components/tables.html

我不相信该类没有应用于元素（除非您发布一些呈现的 html 以其他方式显示）。