ロールオーバーのサブクラスを選択しても機能しませんか？

Question

jquery UIを使用して、ロールオーバー時にバックグラウンドカラー/カラーが変更されるように、クラス「ui-state-hover」を追加するロールオーバーを使用するボタンがあります。ここで

は、ロールオーバーのCSSです：

.ui-state-hover { border: none; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color:#fff !important; } 

私はこのCSSを追加することで、クラス「UI-優先カート」を持つ別のボタンのロールオーバーのために別々のCSSを追加しようとしています：

.ui-priority-cart .ui-state-hover{color:#00dfff !important;} 

ただし、ロールオーバー時にまだ白のままであるため、色には影響していないようです。何か不足していますか？

Answer 1

あなたのCSSルールは次のようになります。

.ui-priority-cart.ui-state-hover { /* your rules here */ } 

注スペースの不足、これは私はあなたが探しているものであると考えてい両方クラスui-priority-cartとui-state-hover、と要素に適用されます。

差があり、あなたが投稿CSSはui-priority-cartのクラスでui-state-hover内部要素のクラスで要素に適用されます。

Answer 2

これは、クラス.ui-state-hoverを持つ要素のうち、.ui-priority-cartクラスの子である要素に適用されます。

.ui-priority-cart.ui-state-hoverは、両方のクラスを持つ要素を意味します。