html - 在下拉悬停时更改父锚链接颜色

Question

我是一个大型菜单，当将鼠标悬停在子菜单上时，我希望父菜单的颜色变为红色/绿色。

现在我尝试了一些没有用的东西可能是我做错了什么

http://jsfiddle.net/5eecT/13/

这似乎不起作用

.nav > li > a:hover .dropdown  {
   padding:6px 12px 9px 12px;
    color:#444;
    display:block;
    text-align:center;
    border-left:0px solid #444;
    border-right:0px solid #444;
    border-top:0px solid #444;
    text-decoration:none;
    color:#028F41;
    background-color:yellow;
}

更新：

这对我有用

.nav > li:hover > a
{
       /*background:#028F41;*/
    text-decoration:none;
    color:#028F41;
}

Answer 1

我刚做了：http: //jsfiddle.net/5eecT/17/

我改变了这段代码：

.nav li:hover > a {
    color:#f00;
    transition: 0.1s color ease;
}

#f00如果用户将鼠标悬停在子菜单项之一上，它基本上会更改父菜单链接的颜色。

这是你需要的吗？