CSS不适用于VBox但适用于它的孩子

Question

在我的主要内容中，我将VBox加载并设置为Controller中的实例变量：

FXMLLoader helpTipLoader = new FXMLLoader(getClass().getResource("/view/helpTip.fxml"));
        setHelpTip(helpTipLoader.load());

FXML文件：

    <VBox fx:id="helpTip" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="200.0" prefWidth="200.0" 
styleClass="helpTip" stylesheets="@../css/main.css" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" />

和.css

.helpTip{
    -fx-background-color: black;
}

.greenText{
    -fx-fill: lightgreen;
}

现在，如果我创建一个新的Text对象并给它类名'greenText'并将其添加到helpTip VBox，然后将VBox添加到Scene的根目录 - 它将显示绿色文本 - 但是Vbox本身似乎拒绝让CSS适用于它。我完全失去了这里可以有人建议为什么会发生这种奇怪的行为吗？