如何在一个网格单元中组合两种样式?

我尝试过这里发布的不同方法和StackOverFlow,但似乎都不管用。我基本上有以下CSS:

.v-grid-cell.cellBackgroundColor {
    background-color: red;
}

.v-grid-cell.cellfontColor {
    color: green;
}

对于我的代码:

addColumn(MyData::getValue)
    .setStyleGenerator(data -> "cellBackgroundColor cellFontColor");

所有这些似乎都是使用最后一种风格,而忽略第一种。然后我看到 this post from the Vaadin forums which suggested putting a period between the two styles 但这也不管用。

基本上,我如何结合两种不同的风格?如果你想知道为什么我不在css中使用它,那是因为组合是由于代码中的逻辑,而示例代码中没有包含逻辑来简化它。