覆盖 ActiveAdmin 索引中的类

Question

我使用ActiveAdmin Flat Skin 作为模板，我想根据行的属性突出显示索引页的某些行。索引页显示 even odd 行，以浅灰色显示偶数行。根据这个available 属性，我想用浅红色显示它们。

我得到以下部分工作：

index  row_class: ->elem { 'red' unless elem.available } do |dog|

在我的 active_admin.scss 中，我有以下内容

.red {
  background-color: #f7b9b9 !important;
}

但是浅灰色的行没有显示为红色。有什么想法吗？

这是它现在的样子。那些说“[NO EN ADOPCION]”的应该都是红色的。

即使我检查元素并添加内联 style="background-color: red !important"，背景也不会改变。

Answer 1

尝试将 css 更改为：

tr.odd, tr.even {
  &.red {
    background-color: #f7b9b9 !important;
  }
}