Question

我已经创建了一个小的下拉菜单，我有那里的课程，我希望在选择小学课程时看到1级，2,3,4,5级。我怎么能这样做我在这里实现了一些部分我附加了 css和我的代码

body{
    font-family: arial, sans-serif;

    /*text-align: center;*/
}
ul{
    margin:0px; padding:0px;
    list-style-type:none;
}
ul li a{
    text-decoration:none;
    color:white;
    display:block;
}
ul li {
    float:left;
    width:150px;
    height:40px;
    background-color:black;
    font-size:20px;
    line-height:50px;
    opacity:.8;
    border:1px solid;
}

ul li a:hover{
    background-color:orange;

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





<body>
<nav>
    <div>
        <ul>
            <li><a href="#"> Home </a></li>
            <li><a href="#"> Classes</a>
            <ul>
             <li><a href="#">Primary School</a>
                    </ul>
                    </li>       
            <li><a href="#"> About</a></li>
            <li><a href="#"> Contact</a></li>

        </ul>
        </li>
        </div>
    </nav>

</body>
</html>

Answer 1

我建议使用bootstrap。它专为移动优先网站而设计。

您可以在此处阅读：http://www.w3schools.com/bootstrap/bootstrap_get_started.asp

多级下拉菜单：

＆＃13;

.condarc

＆＃13;

希望这会有所帮助。

我创建了一个小的下拉菜单，我有那里的课程，我希望看到一年级，2,3,4,5，当我选择小学课程

1 个答案: