为什么悬停不会影响其他项目

问题描述

在我的 HTML 代码中，我创建了一个带有子导航的导航，当我尝试根据悬停在 home 元素上使其可见时，它不起作用。

我的 HTML :

<nav>
    <ul>
        <li><a class="home" href="home.html">Home</a></li>
        <li><a class="insert" href="home.html">Insert</a></li>
        <li><a class="design" href="home.html">Design</a></li>
        <div class="subNav">
            <a href="">File</a>
            <a href="">Font</a>
            <a href="">Paragraph</a>
        </div>
    </ul>
</nav>

我的 CSS：

ul li:nth-child(1):hover .subNav{
        display: none;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

hover html