在下拉列表中将孩子ul悬停时,如何保持父级ul的悬停?

时间:2012-10-15 08:26:00

标签: css drop-down-menu hover

我有一个悬停设置在" ul a"在我的下拉导航中,将a的背景颜色更改为橙​​色,将文本更改为白色。问题是,当你将鼠标悬停在子菜单上时,会打开父母的橙色背景" ul a"回到未发现的地方。

这是页面顶部的下拉菜单http://www.brainbuzzmedia.com/themes/simplybusiness/

3 个答案:

答案 0 :(得分:2)

你应该在'ul a'中下拉'ul'以保持HOVER效果。

    <ul>
        <li><a> maintitle
            <ul class="dorp-down-list">
               //------ li li li li
            </ul>
        </a></li>
    </ul>

然后将CSS类从'ul a'编辑为'ul&gt;一个“

答案 1 :(得分:1)

我认为解决这个问题的方法是将你的悬停链接到ul而不是内部的

答案 2 :(得分:0)

/ *激活第二个下拉列表* /

标题ul li:hover&gt; ul {visibility:visible;}

/ *保持父颜色相同* /

标题ul li:hover&gt; a {color:#000;}