Question

我在下面添加了以便在悬停时打开菜单下拉菜单。当我将鼠标移动到菜单项＃时，下拉列表：悬停效果消失。我需要在儿童悬停时制作活跃的父母。

.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>

Answer 1

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

我怎样才能让孩子悬停活跃的父母？

1 个答案: