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

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。

这是您需要的吗？