1

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

我有这个代码：

<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 代码（示例）：

jsFiddle 上的示例

它工作得很好，但是我现在要做的是使带有类选项卡的元素在我在子菜单上时突出显示。我不想使用 JS 因为我现在该怎么做，但我想用 CSS 来做，但我不知道怎么做。有没有办法做到这一点？

谢谢你。

4

2 回答 2

1

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

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

例子

于 2013-09-21T12:46:31.033 回答
0

你的意思是这样的吗？

.tab:hover .child{
   do something here
}

更新

当您将鼠标悬停在孩子上时，无法使用 CSS 更改父级

于 2013-09-21T12:42:16.033 回答