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

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如果用户将鼠标悬停在其中一个子菜单项上,它基本上会改变父菜单链接的颜色.

这是你需要的吗？