css - 在下拉列表中悬停子 ul 时,如何保持父 ul 的悬停?

标签 css drop-down-menu hover

我在下拉导航中的“ul a”上设置了悬停,将 a 的背景色更改为橙​​色,将文本更改为白色。问题是,当您向下悬停到打开父“ul a”橙色背景的子菜单时,会返回到未悬停状态。

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

最佳答案

你应该在 '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 > a'

关于css - 在下拉列表中悬停子 ul 时,如何保持父 ul 的悬停?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12891780/

相关文章:

html - 用网站标题中的文本替换 Logo 图像

css - 使 Bootstrap 导航栏下拉列表的一部分可滚动

javascript - jQuery菜单效果出错了

css - 链接为类似按钮的外观

javascript - 悬停不适用于 Javascript、CSS 和 HTML

javascript - 多次克隆一个 div,然后选择除鼠标悬停的那个之外的所有 div(CSS、JS、HTML)

html - css - 打印的页面文本在分页符处超出 block

php - 在 <div> 中打印 session 变量

c# - 仅在组合框的可编辑区域捕获点击事件

jquery - 哪个 HTML5/CSS3/JS-or-jQuery 框架用于这个任务?