将鼠标悬停在下拉列表中的子 <a> 上时，在父 <a> 上保持突出显示答案

【问题标题】：Keep Highligh on Parent <a> when hovering on Child <a> in a dropdown将鼠标悬停在下拉列表中的子 <a> 上时，在父 <a> 上保持突出显示
【发布时间】：2012-12-06 18:34:24
【问题描述】：

我正在处理一个下拉菜单，我希望我的父母 <a> 在我搬到孩子 <a> 时“保持其颜色”。

我知道如何通过在我的 <li> 上使用悬停来做到这一点，例如： ul#nav li:hover > a。但这在这里行不通，因为我只想将鼠标悬停在我的 <a> 上...

希望你能理解我的问题

这是我的 jsfiddle：http://jsfiddle.net/F623k/7/

【问题讨论】：

标签： html css drop-down-menu menu

【解决方案1】：

习惯了

    ul#nav > li:hover > a {
        color: #ff7800;
    }
ul#nav li ul li a:hover {
        color: #ff7800;
    }

Demo

【讨论】：