Css 在下拉菜单中悬停子ul时，如何保持父ul的悬停？

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

---

这是页面顶部的下拉菜单

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

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

您应该将下拉“ul”链接到“ul a”中以保持悬停效果

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

主标题

//------李莉

---

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

您应该在“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”

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

标题ul li:hover>ul{可见性：可见；}

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

---

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

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

标题ul li:hover>ul{可见性：可见；}

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

---

页眉ul li:hover>a{color:#000；}

显示一些努力并组合简化..在Chrome中，悬停状态不会为我消失..？显示一些努力并组合简化..在Chrome中，悬停状态不会为我消失..甚至更好：下拉列表所在的

li

元素，我不是用

a

而是用li做悬停，但我相信alnassre的解决方案也会奏效。更好的是：下拉菜单中的

li

元素，而不是

a

我是用li做悬停的，但我相信alnassre的解决方案也会奏效。