导航栏 css 移除悬停

Question

我使用 CSS 和 HTML 创建了一个下拉菜单。

我想要的是当我将鼠标悬停在子菜单链接上时导航菜单项变回蓝色。例如，当我将鼠标悬停在 Resources 标题下的 Resources1 标题上时，我希望 Resources 字体变回蓝色。

JSFiddle：http://jsfiddle.net/SSL78/

有人可以告诉我如何使用 CSS 做到这一点吗？

Answer 1

只需将您的:hover 更改为anchor 标签而不是li 标签。

#menu li a:hover{
    color:red;
}
#menu li a:hover{
    color:red;
}

Here is a JSFiddle of it