HBox JavaFX中的儿童CSS样式

Question

我正在尝试为我的纸牌游戏项目制作一个登录屏幕，用户可以在其中选择他想要的卡片。我这样做是通过从类Card中创建卡片来扩展Rectangle并调用超类的构造函数。然后，我添加创建的卡片供用户选择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;
}