html/css下拉菜单未下拉

编辑

---

简单的问题，我有以下代码，但我不知道如何添加到我的css来提升显示：无；如果您需要进一步解释，请随时在评论中提问

<nav>
        <ul>
            <li>
               <a href="[[~[[+id]]]]" title="[[+pagetitle]]">
                 [[+longtitle:default=`[[+pagetitle]]`]] 
               </a>
               <ul>
                  <li>
                     <a href="#" title=lorem>
                        [[Wayfinder? &startId=`[[+id]]` &level=`2` ]]
                     </a>
                  </li>
               </ul>
            </li>
        </ul>
    </nav>

---

我想你要找的是：

nav ul li:hover > ul {
   display: block;
}

---

此外，您没有id为

#nav

的div，因此您的所有样式都是不正确的，您应该只使用

nav
我认为您需要的是：

nav ul li:hover > ul {
   display: block;
}

此外，您没有id为
#nav
的div，因此您的所有样式都是不正确的，您应该只使用
nav
您试图隐藏子菜单中的
li
项。而是隐藏子菜单
ul
，然后将其悬停显示。为了这个改变

nav li ul li{
    display:none;
}

到

再加上这个

nav li:hover > ul{
    display:block;
}

您试图隐藏子菜单中的
li
项。而是隐藏子菜单
ul
，然后将其悬停显示。为了这个改变

nav li ul li{
    display:none;
}

到

再加上这个

nav li:hover > ul{
    display:block;
}

尝试添加以下内容：

nav ul li:hover li,
nav ul li:hover ul{
    display:block;
}

尝试添加以下内容：

nav ul li:hover li,
nav ul li:hover ul{
    display:block;
}

添加以下规则：

nav li:hover, nav li:hover ul li{
    display:block;
}

添加以下规则：

nav li:hover, nav li:hover ul li{
    display:block;
}

试试这个：

    nav ul li ul li{
    display:none;
}

    nav ul li:hover > ul li{
        display:block;
    }

试试这个：

    nav ul li ul li{
    display:none;
}

    nav ul li:hover > ul li{
        display:block;
    }

共享JSFIDLE。。我们可以帮助得更好谢谢那些帮助我们的人。。我们可以帮得更好谢谢那些帮忙的家伙虽然看起来不管用，但无论如何谢谢你的帮助似乎不管用，无论如何谢谢你的帮助