css - 将子 ul 悬停在下拉列表中时，如何保持父 ul 的悬停？

Question

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

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

Answer 1

您应该在“ul a”中使用下拉“ul”来保持悬停效果。

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

然后将 CSS 类从 'ul a' 编辑为 'ul > a'

Answer 2

我认为解决此问题的方法是将悬停链接到 ul 而不是其中的 a

Answer 3

/* 激活第二个下拉菜单 */

标题 ul li:hover > ul{visibility: visible;}

/* 保持父级颜色相同 */

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