下拉菜单第一级不改变颜色

时间:2014-04-07 08:24:50

标签: css drop-down-menu

在我的导航栏中,我下拉菜单。问题是当我在菜单上悬停下拉工作正常,但当下拉菜单出现时,我们将悬停颜色的菜单项 链接在这里 http://www.etekstudio.org/demo/biodiag/

这是截图 http://prntscr.com/37rfq1

2 个答案:

答案 0 :(得分:0)

只需使用以下规则添加所需的颜色声明(例如红色)

.scndryMenu > li:hover > a 
{
    color: #FF0000;
}

答案 1 :(得分:0)

使用Jquery在将鼠标悬停在下拉菜单项上时,将类名添加到父li,然后为主菜单项中的主菜单项应用所需的颜色。

DEMO

在将鼠标悬停在子菜单项上的演示中,它会将类名“active”添加到其所有父li项,然后将下面的样式添加到悬停状态颜色,如下所示,它将被应用主菜单项和子菜单项。

li.active > a{
    color:red;
}