在下拉列表悬停时进行父锚链接颜色更改

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。

这是你需要的吗？