css - HBox JavaFX 内の子の CSS スタイル設定

Question

ユーザーが取得したいカードを選択できるカードゲームプロジェクトのログイン画面を作成しようとしています。Rectangle を拡張し、スーパークラスのコンストラクターを呼び出すクラス Card からカードを作成することで、これを行っています。次に、作成したカードをユーザーが選択できるように HBox に追加し、ID を付与します。アイデアは、ユーザーがカード (HBox の子) の 1 つにカーソルを合わせるかクリックすると、カードの不透明度が変化して、ユーザーが何かを行ったことを知らせるというものです。問題は...それが機能していないことです。

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 ; 
}

ホバー 1:

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