如何在孩子悬停时使父母活跃？答案

【问题标题】：How can I make active parent li on child hover?如何在孩子悬停时使父母活跃？
【发布时间】：2014-01-25 16:06:21
【问题描述】：

我在下面添加以使菜单下拉菜单在悬停时打开。当我将鼠标移动到菜单项 # 时，下拉：悬停效果消失。我需要在子悬停时激活父 li。

.menu{
text-align: center; 
height: 105px;  
border-bottom: 1px solid #676F79;   
} 


.menu > li > a:hover,
.menu > .active > a{
    color: #FFFFFF;     
}   


.menu li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}


<ul class="menu list-inline">                           
        <li class="dropdown">                                   
            <a href="#about" class="dropdown-toggle" data-toggle="dropdown">About</a>
            <ul class="dropdown-menu text-left">
                <li><a href="#">Menu Item #</a></li>
                <li><a href="#">Menu Item #</a></li>
                <li><a href="#">Menu Item #</a></li>
            </ul>
        </li>
    </ul>

【问题讨论】：

标签： twitter-bootstrap

【解决方案1】：

只要 li 元素不显示内联或类似的东西，这应该可以正常工作。能否提供 CSS 或 jsFiddle？

【讨论】：