如何只有當行沒有選擇

Question

設置單元格顏色Vaadin 8格，我有：

grid.addColumn(...).setStyleGenerator(item -> "myCssDefinition"); 

是myCssDefinition是：

.v-grid-cell.myCssDefinition 
{ 
    color: red; 
} 

這工作，除了它的偉大，使文字幾乎不可能當該行被選中時讀取。

因此，我的問題是我怎麼才能改變風格，或者如何編輯風格本身，這樣的字體顏色只有當該行沒有被選中時，只有紅色，並且當它被選中時，我只是想使用默認的Vaadin主題風格。

Answer 1

您可以使用以下CSS將樣式應用於未選定的行。

:not(.v-grid-row-selected) > .v-grid-cell.myCssDefinition { 
    color: red; 
}