JavaFX CSSクラスセレクタは、クラスのいくつかのノードがidセレクタを使用して別の場所で選択されていると機能しませんか？

Question

.button:pressed{ 
    -fx-background-color: black; 
} 

#spin{ 
    -fx-background-color : blue; 
} 

これは簡単な例です。最初の行では、クラスセレクターを使用して、すべてのボタンを押したときに変更します。 2行目では、idを使用して特定のボタンの外観のみを変更します。

スピンボタンは最初は青色です。私はそれを押すと黒くなるはずです。しかし、それを押すと黒くならない。

しかし、私は2番目の行#spinをコメントアウトします。今、押す効果が働きます。これをどうやって解決するのですか？

いくつかのボタンを個別にスタイルしたいが、押されたときにすべて同じ効果を与えたい。

Answer 1

あなたが使用してこれを行うことができます：あなたは別のCSSを使用するので、あなたのケースで

.button:pressed, #spin:pressed{ 
    -fx-background-color:black; 
} 

を行います場合は、同様のidセレクタの「押された」イベントを、あなたは押したイベントをオーバーライドしていますidを選択したボタンですが、この方法を使用するとこの問題を克服できます。