java - 如何在选择时保持奇数/偶数背景颜色？

Question

我有一个 GWT DataGrid（CellTable），奇/偶行具有不同的背景颜色：

.dataGridEvenRow { background: white !important; }
.dataGridEvenRowCell { border: selectionBorderWidth solid white !important; }
.dataGridOddRow { background: red !important; }
.dataGridOddRowCell { border: selectionBorderWidth solid red !important; }

在选择时，我只想更改边框颜色，但不应更改背景。但是当我使用如下样式时，背景总是更改为“ white”。

/* Here something must be wrong */
.dataGridSelectedRow {
  background: inherit !important;
  color: inherit !important;
}

这就是细胞的内部背景。但它不是从奇数行/偶数行继承，而是从其他地方继承……

Answer 1

在你的CSS试试这个：

tr:nth-of-type(odd) {
  background-color:#ccc;
} 

这些是css中的伪类选择器，如果这能解决您的问题，请告诉我

Answer 2

我使用以下样式修复了它：

.dataGridSelectedRow {
  color: inherit !important;
}

.dataGridSelectedRowCell {
  background: inherit;
  border: selectionBorderWidth solid inherit !important;
}

重要的是不要在背景属性上使用 !important 。不知道为什么，但它只能这样工作。