Question

好吧标题有点令人困惑，但我会尝试解释我需要的东西。

我有这段代码：

<nav class="main-nav">
    <ul class="dropdown-menu">
        <li class="tab">
            <a href="graphic-design.php" title="Diseño Grafico">Diseño Grafico</a>
        </li><li class="tab">
            <a href="other-services.php" title="Otros Servicios">Otros Servicios</a>
             <div class="submenu"></div>
        </li><li class="tab">
             <a href="support.php" title="Soporte Tecnico">Soporte</a>
        </li>
    </ul>
</nav>

使用相应的CSS代码（示例）：

Example on jsFiddle

它工作得很好，但我现在要做的是使用类选项卡制作元素，以便在我超过子菜单时突出显示。我不想使用JS cuz'我现在该怎么做，但我想用CSS做但我不知道怎么做。有办法吗？

谢谢。

Answer 1

只需将悬停状态移动到列表项而不是锚

.main-nav > ul > li:hover{
    color: #008293;
    background: #ADADAD;
}

Example

Answer 2

你是说这样的意思吗？

.tab:hover .child{
   do something here
}

更新

使用CSS

将鼠标悬停在子项上时无法更改父项

子菜单悬停父元素

2 个答案: