Question

感谢以前mmenu的帮助，我现在主要按照我的意愿工作。这对我来说是CSS的速成课程！但是，我想为mmenu添加悬停效果（菜单项背景改变颜色）。使用单级项目（仅仅是链接）执行此操作没有问题，但如果我将悬停效果应用于打开二级菜单的项目（具有右箭头的项目），则悬停颜色会隐藏文本。有没有使用CSS的解决方案？

Answer 1

希望这可能对你有用......

有几种方法可以添加悬停效果。例如，菜单包含3个选项

.mm-listview > li:nth-child(1):hover {
   background-color:#ff6600;
}

.mm-listview > li:nth-child(2):hover {
   background-color:#990066;
}

.mm-listview > li:nth-child(3):hover {
   background-color: #c5215d;
}

这会在悬停时改变背景颜色，但这也适用于任何子菜单。

因此，如果您只想定位一个li，请使用以下设置将类应用于它。

.menu-customnamegoeshere > :nth-child(1):hover {
   background-color:#00cc99;
}

HTH

将悬停效果添加到mmenu

1 个答案: