html - 将鼠标悬停在下拉列表中的子 <a> 上时，请在父 <a> 上突出显示

Question

我正在处理下拉菜单，我想要我的父级 <a>当我搬到 child 身边时“保持它的颜色”<a> .

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

希望你能理解我的问题

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

Answer 1

习惯了

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

Demo