如何在用戶點擊時更改導航欄項目的顏色？

Question

我有一項任務，當我將它懸停在粉紅色的導航欄上時，我的導航欄中的第一級項目會變成粉紅色，而當我將它們懸停時，第二級項目應該默認爲粉紅色，藍色爲藍色。

實際上，第一層的顏色沒有改變，第二層的顏色沒有改變，第二層的顏色沒有改變。

這裏是我的代碼：

html .nav .item .dropdown, 
body .nav .item .dropdown, 
html .nav .item .dropdown-menu, 
body .nav .item .dropdown-menu { 
    background-color: HotPink; 
} 

html .nav .item .dropdown .active:hover, 
body .nav .item .dropdown .active:hover, 
html .nav .item .dropdown-menu .active:hover, 
body .nav .item .dropdown-menu .active:hover, 
html .nav .item .dropdown .inside_item, 
body .nav .item .dropdown .inside_item, 
html .nav .item .dropdown-menu .inside_item, 
body .nav .item .dropdown-menu .inside_item { 
    text-transform: none; 
} 
html .nav .item .dropdown .active:hover:hover, 
body .nav .item .dropdown .active:hover:hover, 
html .nav .item .dropdown-menu .active:hover:hover, 
body .nav .item .dropdown-menu .active:hover:hover, 
html .nav .item .dropdown .inside_item:hover, 
body .nav .item .dropdown .inside_item:hover, 
html .nav .item .dropdown-menu .inside_item:hover, 
body .nav .item .dropdown-menu .inside_item:hover { 
    background-color: lightSkyBlue; 

怎樣做才能使他們的工作？

Answer 1

它應該是相當簡單和直接。

它應該看起來像這樣;

/*正常狀態*/

.dropdown { 
background-color: //color; 
} 

如果你想，當你懸停在您添加改變 顏色下拉的

;

.dropdown:hover { 
background-color: //color; 
} 

如果你走得更深一層;

.dropdown .active { 
//color 
} 

如果你想改變懸停的bg顏色;

.dropdown .active:hover { 
//color}