Css 悬停时能见度不变

我正在使用visibility属性制作一个简单的导航栏，在悬停状态下有一个下拉菜单。但当我悬停时，条件不会生效。这背后的逻辑是什么

---

你的html格式不正确，ul应该是li的孩子，而不是兄弟姐妹

---

你的html格式不正确，ul应该是li的孩子，而不是兄弟姐妹

---

您正在尝试使用使子项可见

ul li:hover ul{
    visibility: visible;
}

但是子项ul没有嵌套在li中，因此ul-li-ul与子项不匹配。因此，将您的html更改为

<ul>
    <li>Menu Item 1 
            <ul>
            <li>Sub-Menu1 Item 1</li>
            <li>Sub-Menu1 Item 2</li>
            <li>Sub-Menu1 Item 3</li>
            </ul>
    </li>
…

</ul>

---

另请参见。

您正在尝试使用使子项可见

ul li:hover ul{
    visibility: visible;
}

但是子项ul没有嵌套在li中，因此ul-li-ul与子项不匹配。因此，将您的html更改为

<ul>
    <li>Menu Item 1 
            <ul>
            <li>Sub-Menu1 Item 1</li>
            <li>Sub-Menu1 Item 2</li>
            <li>Sub-Menu1 Item 3</li>
            </ul>
    </li>
…

</ul>

---

另请参阅。

非常感谢您的解释！非常感谢。非常感谢您的解释！我非常感激。既然你提到这件事，那就很有道理了。我想知道为什么它们是块元素。既然你提到了，那就很有道理了。我想知道为什么它们是块元素。