css - HBox JavaFX 中儿童的 CSS 样式

Question

我正在尝试为我的纸牌游戏项目制作一个登录屏幕，用户可以在其中选择他想要获得的卡。我通过从扩展 Rectangle 并调用超类的构造函数的类 Card 创建卡片来做到这一点。然后，我将创建的卡片添加到 HBox 中供用户选择并给他们一个 ID。这个想法是，当用户悬停或点击其中一张卡片（HBox 的子卡片）时，卡片会改变不透明度以让用户知道他们做了什么。问题是……它不起作用。

从 LoginScreen 类：

//filling the HBox up with a number of cards based on the amount of players
for(int dezeKaart = 0; dezeKaart < lijstVanBeschikbareKleuren.size(); dezeKaart++){
    KleurKaart dezeKleur = new KleurKaart(lijstVanBeschikbareKleuren.get(dezeKaart));
    kiesKleurKaartBox.getChildren().add(dezeKleur);            
    dezeKleur.setId("kleurKiezer");
}

来自 CSS 类：

#kleurKiezer {
   -fx-opacity: 5.0;
   -fx-border-width: 0 ; 
}

悬停一：

#kleurKiezer:hover{
   -fx-opacity: 1.0;
   -fx-border-width: 5 ; 
   -fx-border-color: #FF847C;
}