为什么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 */ 
}