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

Question

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

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

在选择时，我只想更改边框颜色，但不应更改背景。但是当我使用如下样式时，背景IS总是变为“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。不知道为什么，但它只能这样运作。