如何在一个网格单元中结合两种样式？

Question

我尝试了这里和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中执行此操作，那是因为该组合是由于代码中的逻辑所致，因此示例代码中没有包含此逻辑以简化该操作。