Html 悬停前可见的子菜单加上子菜单背景使用父悬停背景

我希望我能对此有新的认识。我知道我在这里的某个地方犯了一个新手编码错误，但我就是找不到它，我的眼睛开始交叉。请帮忙

因此，即使在鼠标悬停之前，子菜单仍保持可见状态，并且由于某些原因，每个子菜单项的背景都具有父鼠标悬停背景属性，而我始终无法找出原因

是的

下面是代码，以防您不想访问该链接

HTML

<div id="menu">
    <ul>
        <li class="current_page_item"><a href="home.html">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a>
        <ul>
        <li class="style13"><a href="#"><strong>Option 1</strong></a></li>
        <li class="style13"><a href="#"><strong>Option 2</strong></a></li>
        </ul></li>
        <li><a href="#">Comments</a></li>
        <li><a href="#">Contact</a></li>
    </ul>

</div>

---

CSS实际上并不隐藏或显示子菜单。尝试添加以下内容：

#menu ul ul {
    display: none;
}
#menu li:hover ul{
    display: block;
}

---

是否在悬停前隐藏子菜单？我看不出来你是不是真的？我试过了，但一切都不见了。我没有把它放对，因为下面的答案完全是正确的。然而，我仍然有问题的子菜单项采取的属性家长悬停背景。如果你对此有什么想法，请告诉我。谢谢好极了在盘旋前把它藏起来了。非常感谢。关于为什么子菜单项采用父悬停背景和线条高度，您有什么不同的定义吗？请记住，

ul li

将影响所有

li

子菜单是否为

li

。是的，但当我将其指定为ul li ul li时，应更改子菜单属性。它通常出现在我处理过的其他子菜单中。这实际上是我在另一个网站上使用的代码，没有任何问题，并且子菜单根本不具有父悬停属性。不确定。当我将

#菜单ul li ul li

声明中的第一条规则调整为

背景：红色子菜单具有红色背景。
#menu ul ul {
    display: none;
}
#menu li:hover ul{
    display: block;
}