我有下面的菜单 HTML 结构, 当用户在子列表中导航时,我尝试保留背景 div 的颜色
有什么想法吗?
谢谢。
.color1 > div:hover {
background-color: yellow;
}
.sub{
display: none;
}
.globalList:hover .sub {
display: block !important;
}
<html>
<body>
<ul class="MyList">
<li class="globalList color1">
<div>Menu1</div>
<ul class="sub">
<li class="Sub1"><div>Sublist1</div></li>
<li class="Sub2"><div>Sublist2</div></li>
</ul>
</li>
<li>
<div>Menu2</div>
<ul>
<li></li>
<li></li>
</ul>
</li>
</ul>
</body>
</html>
最佳答案
在 li 标签上使用悬停样式
.color1:hover > div {
background-color: yellow;
}
除非您还希望子菜单具有背景颜色,否则将其移动到 div 内
关于javascript - 悬停其他元素时保持背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44742293/