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

Question

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

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

Answer 1

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