修復與切換按鈕和兒童DIV的鼠標懸停

我有一個切換腳本很好，但我試圖添加一個鼠標懸停效果，我遇到了麻煩。修復與切換按鈕和兒童DIV的鼠標懸停

我有四個標籤，其中兩個是簡單的DIV與背景顏色，我有兩個額外的按鈕與背景圖像。

我爲所有標籤創建了一個鼠標懸停效果，但是當我點擊一個按鈕時它看起來不正確。一旦我點擊一個按鈕，該按鈕需要在點擊時改變背景位置，並且鼠標應該停在按鈕之上。

謝謝。

2012-04-13 Erik

對不起，剛剛更新的鏈接。 – Erik 2012-04-13 15:45:37

這是因爲#r6:hover .gnM的優先級高於.button-toogle-on。 CSS具有CSS的層次結構，基於它的定義位置，如果是內嵌的，則指定多少個元素。閱讀更多here。

不管怎麼說，這個工作：

#r6 #bxGender .button-toggle-on { 
    background-position: 0 -120px 
}

2012-04-13 16:04:58

謝謝。是否可以完全關閉鼠標懸停並將按鈕點擊後將DIV的位置更改爲綠色並將按鈕背景位置更改爲「0 -180像素」？非常感謝您的幫助。 – Erik 2012-04-13 16:08:26

[喜歡呢？]（http://jsfiddle.net/9cr4F/5/）我不確定你的意思。 – 2012-04-13 16:13:17

一旦我點擊男性或女性，我想以下內容：（1）兩個DIV的背景顏色更改爲＃2F2F2F並且鼠標懸停效果停止並且（2）按鈕未選擇背景位置爲「0 -180像素」 – Erik 2012-04-13 16:16:52

回答