Html CSS3（下拉菜单）第二个子菜单不'；不出现_Html_Css_Drop Down Menu_Menu_Submenu

Html CSS3（下拉菜单）第二个子菜单不'；不出现

html css drop-down-menu menu

Html CSS3（下拉菜单）第二个子菜单不'；不出现,html,css,drop-down-menu,menu,submenu,Html,Css,Drop Down Menu,Menu,Submenu,我正在尝试制作一个好看的下拉菜单。我搜索了一些教程，找到了一些不错的。主菜单和第一个子菜单运行良好，但当鼠标悬停在第二个子菜单上时，第二个子菜单不显示以下是我的html结构： <body> <ul class="menu"> <li><a href="#" class="home">Acceuil</a></li> <li><a href="#" class="L

我正在尝试制作一个好看的下拉菜单。我搜索了一些教程，找到了一些不错的。主菜单和第一个子菜单运行良好，但当鼠标悬停在第二个子菜单上时，第二个子菜单不显示

以下是我的html结构：

<body>
    <ul class="menu">

        <li><a href="#" class="home">Acceuil</a></li>
        <li><a href="#" class="LoL">LoL</a>
            <ul>
                <li><a><span class="headlist">League of Legends</a></li>
                <li><a href="#">Funny moments</a></li>
                <li><a href="#">Favorite builds</a></li>
                <li><a href="#">...</a></li>
            </ul>
        </li>
        <li><a href="#" class="ssf2">SSF2</a></li>
            <ul>
                <li><a><span class="headlist">Super Smash Flash 2</a></li>
                <li><a href="#">Intro</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Challenges</a></li>
            </ul>
        <li><a href="#">RotMG</a></li>
        <li><a href="#">Videos</a></li>
        <li><a href="#">Documents</a></li>

    </ul>
</body>

欢迎回答

您必须将您的li包裹在副导航ul上

你不能把保险单扔进保险单

它是ul>li>ul>li

这是你问题的一部分

编辑：另外，去掉所有浏览器前缀。这些都是坏消息。几乎任何你想用CSS做的很酷的事情，所有现代浏览器都支持。也有例外。此站点是您的朋友：

如果某个浏览器不支持您正在做的事情，我的建议是让它在该浏览器中工作，但只要它看起来很棒，就没有必要了。他们的浏览器旧了/坏了。他们习惯了看起来不太棒的东西。

你必须把你的li包裹在潜艇上

你不能把保险单扔进保险单

它是ul>li>ul>li

这是你问题的一部分

编辑：另外，去掉所有浏览器前缀。这些都是坏消息。几乎任何你想用CSS做的很酷的事情，所有现代浏览器都支持。也有例外。此站点是您的朋友：

您在这里有一个错误：

 <li><a href="#" class="ssf2">SSF2</a></li>
            <ul>
                <li><a><span class="headlist">Super Smash Flash 2</a></li>
                <li><a href="#">Intro</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Challenges</a></li>
            </ul>

应该是：

 <li><a href="#" class="ssf2">SSF2</a>
            <ul>
                <li><a><span class="headlist">Super Smash Flash 2</span></a></li>
                <li><a href="#">Intro</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Challenges</a></li>
            </ul>
</li>

这里有一个

您在这里有一个错误：

 <li><a href="#" class="ssf2">SSF2</a></li>
            <ul>
                <li><a><span class="headlist">Super Smash Flash 2</a></li>
                <li><a href="#">Intro</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Challenges</a></li>
            </ul>

应该是：

 <li><a href="#" class="ssf2">SSF2</a>
            <ul>
                <li><a><span class="headlist">Super Smash Flash 2</span></a></li>
                <li><a href="#">Intro</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Challenges</a></li>
            </ul>
</li>

这是一把

-立即制作的小提琴-非常感谢！我可以继续了！！：谢谢！我可以继续了！！：Djycr753在我的html代码中发现了错误，但感谢该网站，它肯定会帮助我！：）。。。我们说了同样的话。我两分钟前说的。现在我要像个大婴儿一样撅嘴了。jycr753在我的html代码中发现了错误，但是感谢这个网站，它肯定会帮助我的！：）。。。我们说了同样的话。我两分钟前说的。现在我要像个大婴儿一样撅嘴了。