css - 使用 CSS 和 HTML5 获取下拉悬停菜单上的属性正常工作

Question

所以我对 CSS 和 HTML 还很陌生，我正在尝试让这个下拉悬停菜单正常工作。

Here's a link to the fiddle

在链接 3 下，有一个带有链接的子菜单。我想要它，以便当用户将鼠标悬停在其中一个子链接上时，父链接(链接 3)的背景颜色保持突出显示，而不是逐渐变回蓝色。这是我用来在悬停期间突出显示每个链接的 CSS。

 #menu a:hover, #menu .current_page_item a
    {
        文字修饰:无；
        背景:#d4728b；
    }

这段代码还使得当前悬停的链接将突出显示，但我希望这样当光标悬停在菜单中的另一个链接上时，current_page 突出显示将转移到该链接而不是一次突出显示两个链接。任何帮助，将不胜感激。

Answer 1

将你的 li 设置为改变与 anchor 相反的颜色。

#menu li:hover {
    text-decoration: none;
    background:#d4728b;
}

粗糙的 fiddle :http://jsfiddle.net/6xLqU/19/