爲什麼CSS懸停效果不起作用？

Question

我有這個頁面：

link

如果你點擊 「產品」，將打開子菜單。我想添加一個懸停效果到這個子菜單。

我試過這段代碼，但不明白爲什麼不去？我錯過了什麼？

.sub-menu li:hover{color:red'} 

這當然可能是簡單的東西，但我不知道問題出在哪裏。

你可以幫我解決這個問題嗎？

在此先感謝！

Answer 1

子菜單項的顏色由

#menu-main-menu .sub-menu li a { 
    color: #ddd; 
} 

控制，所以你需要

#menu-main-menu .sub-menu li a:hover { 
    color: red; /* or whatever color you wish */ 
}