无法制作我的Dropdown CSS菜单

时间:2015-02-25 11:22:10

标签: drop-down-menu

html和CSS相当新,我很难让我的下拉菜单正常工作。我已经检查了几个YouTube视频和指南,但我在代码中找不到具体的错误。这是菜单和下拉菜单的.html。

<nav id="navigation">
    <ul class="menu">
        <li class="selected"><a href="#">OM OSS</a></li>
        <li class="selected"><a href="#">KONTAKT</a></li>
        <li class="selected"><a href="#">TRÄNING</a></li>
        <li class="selected"><a href="#">SCHEMA</a></li>
        <li class="selected"><a href="#">PRISER</a></li>
        <li class="selected"><a href="#">INSTRUKTÖRER</a></li>
            <ul id="dropdown">
                <li class="hyperlink1"><a href="#">Frank Hofstetter</a></li>
                <li class="hyperlink1"><a href="#">Juan Farias</a></li>
                <li class="hyperlink1"><a href="#">Niklas Carlsson</a></li>
                <li class="hyperlink1"><a href="#">Elvis Adrovic</a></li>
                <li class="hyperlink1"><a href="#">Suara Jamal</a></li>
            </ul>   
        <li class="selected"><a href="#">FIGHTERS</a></li>
        <li class="selected"><a href="#">GALLERI</a></li>
    </ul>
</nav>

这是我的下拉菜单的CSS。

nav {
background-color: #7B68EE;
color: white;
float: left;
width: 100%;
margin-bottom: 10px;
border-bottom: 5px solid #000000;
}

.menu  {
width: 100%;
height: 25px;
}

a {
font-size: 23px;
color: white;
padding: 10px;
text-decoration: none;
}

.selected {
display: inline;
}

#dropdown {
display: none;
width: 170px;
height: 220px;
background-color: #493E8E;
}

#dropdown > .hyperlink1:hover > a {
display: block;
font-size: 20px;
text-align: center;
}

很抱歉浪费你的时间来讨论这样一个noob问题,因为我知道很多人都是职业选手,但我真的很难理解我做错了什么。任何有关我的代码的提示/更正也将非常感激。最好的问候,弗兰克......

0 个答案:

没有答案