Html 子菜单悬停父元素

标题有点让人困惑，但我会尽力解释我需要什么

我有以下代码：

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

它工作得很好，但我现在想做的是，当我在子菜单上时，使带有类选项卡的元素高亮显示。我不想使用JS，因为我现在知道怎么做，但我想使用CSS，但我不知道怎么做。有办法吗

---

谢谢。

你的意思是这样的吗

.tab:hover .child{
   do something here
}

更新

---

当您将鼠标悬停在子对象上时，不可能更改父对象，使用CSS您的意思是这样的吗

.tab:hover .child{
   do something here
}

更新

---

当您将鼠标悬停在子项上时，无法更改父项，使用CSS时，只需将鼠标悬停状态移动到列表项而不是锚定项

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

---

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

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

---

---

您可以将CSS发布为well@MoisesZaragozaCSS在示例链接中。是长的，这就是为什么不在这里。@AndresOrozco的人不应该去其他网站才能看到你的代码。如果它在这里，它就不会改变，或者在一段时间内消失year@MoisesZaragoza我这样做是因为它太长了，我使用JSFIDLE提供了一个示例并发布了很长的代码well@MoisesZaragozaCSS在示例链接中。是长的，这就是为什么不在这里。@AndresOrozco的人不应该去其他网站才能看到你的代码。如果它在这里，它就不会改变，或者在一段时间内消失year@MoisesZaragoza我这样做是因为太长了，我使用JSFIDLE提供了一个示例并发布了很长的代码。不，我想让父对象高亮显示而不是子对象。哦，你想让父对象在鼠标悬停在子对象上时高亮显示吗？这是不可能的cssI猜测w/o使用js它是不可能的。最好使用jQueryNo，我想让父对象高亮显示，而不是子对象。哦，当你将鼠标悬停在子对象上时，你想让父对象高亮显示吗？这是不可能的cssI猜测w/o使用js它是不可能的。更好地使用jquery它工作得非常好，唯一的问题是文本的颜色，它不会改变。我想改变颜色，但我做不到。我发现给每个关卡设置一个类比使用那些深绿色更容易。我有一个参考菜单：它运行得非常好，唯一的问题是文本的颜色，它不会改变。我想改变颜色，但我做不到。我发现给每个关卡设置一个类比使用那些深绿色更容易。这是我保留的参考菜单：