Jquery 维护'；悬停'；下拉列表的父级上的状态

我正在使用引导构建一个导航栏

当我将光标移动到下拉元素上时，如何保持原始链接的悬停状态

因此，如果我将鼠标悬停在下拉元素上，我是否仍然可以在

鼠标悬停在我上方的链接上保留灰色背景

当前演示：

这是我的密码：

<div class="container">

            <header class="header" role="banner" itemscope itemtype="http://schema.org/WPHeader">

                <div id="inner-header" class="wrap cf">

                    <nav role="navigation" class="primary col-md-12" itemscope itemtype="http://schema.org/SiteNavigationElement">
                        <ul id="menu-header-menu" class="nav primary top-nav cf navbar-nav">

                            <li id="menu-item-139" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-139 dropdown"><a title="" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true"><span>Hover over me</span> <span class="caret"></span></a>
                            <ul role="menu" class=" dropdown-menu">
                                <li id="menu-item-159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-159"><a title="Sponsors" href="dropdown"><span>Dropdown</span></a></li>
                            </ul>
                            </li>

                        </ul>

                    </nav>

                </div>

            </header>

        </div>

悬停样式是为
a
标记提供的，因此当您离开
a
标记时，悬停样式不会被采用

您需要为li提供悬停样式

加上这个

ul.nav > li:hover {
  background:#eee;
}

演示-
试试这个

nav>ul>li:hover{
    background:#eee;
}

演示：
只有在有下拉菜单的情况下才可以显示这个吗？明白了
.nav>li.dropdown:hover
：-）只有在有下拉菜单的情况下才能显示此选项吗？您可以执行如下操作：nav>ul>li.dropdown{background:#eee；}
nav>ul>li:hover{
    background:#eee;
}