为了账号安全,请及时绑定邮箱和手机立即绑定

三级菜单的隐藏和显示只能在一级菜单的基础上吗

分别三个等级的菜单栏不同的ID,设置三级菜单的隐藏和显示时直接用#second li:hover ul{display: block};为什么没反应

正在回答

2 回答

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
  li{ list-style:none;}
  #second li ul{
    display:none;
  }
  #second li:hover ul{
    display:block;
  }
</style>
</head>

<body>
  <ul id="one">
    <li>一级菜单
      <ul id="second">
        <li>二级菜单
          <ul id="three">
            <li>三级菜单</li>
            <li>三级菜单</li>
            <li>三级菜单</li>
          </ul>
        </li>
        <li>二级菜单</li>
        <li>二级菜单</li>
      </ul>
    </li>
    <li>一级菜单</li>
    <li>一级菜单</li>
  </ul>
</body>
</html>


0 回复 有任何疑惑可以回复我~

html的标签布局也有关系吧;页面布局代码没贴出来,不好判断......

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
形形色色的下拉菜单
  • 参与学习       106972    人
  • 解答问题       543    个

本教程从易到难,循循渐进,运用不同技术实现动态下拉菜单

进入课程

三级菜单的隐藏和显示只能在一级菜单的基础上吗

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信