Question

我想创建一个嵌套菜单。我有一个jsfiddle：

<div id=menu>
  <a class=optie href="#">Nieuws</a>
  <a class=optie href="#">Acties</a>
  <a class=optie href="#">Over ons</a>
  <a class=optie href="#">Webshop</a>
  <span class=optie>
    Webshop
    <span class=submenu>
      <a class=suboptie href="#">Producten</a>
      <a class=suboptie href="#">Winkelwagen</a>
      <a class=suboptie href="#">Afrekenen></a>
    </span>
  </span>
</div>

https://jsfiddle.net/9p202jt6/

基本上当我将鼠标悬停在菜单项上时，我希望它突出显示。无论是文本还是链接。

问题是当我将鼠标悬停在某个项目上时，我似乎无法正确更改背景渐变和文字颜色......

感谢任何帮助。

Answer 1

从CSS中删除以下代码：

.optie:hover a {
    color: rgb(56,56,56);
}

因为它会在<a>类下悬停时适用于所有.optie标记。

Solution

嵌套子菜单导航栏突出显示问题

1 个答案: