子元素选择器不起作用

新手上路,请多包涵
  }
    .nav>li{
        list-style: none;
        float: left;
        width: 120px;
        line-height: 40px;
        background-color: green;
        margin-left: 10px;
        text-align: center;
    }
</style>

</head>
<body>
<ul class="nav">

<li>一级菜单
    <ul class="sub">
        <li>二级菜单</li>
        <li>二级菜单</li>
        <li>二级菜单</li>
        <li>二级菜单</li>
        <li>二级菜单</li>
    </ul>

</li>
阅读 3.7k
1 个回答

首先你要理解什么是子选择器,子选择器选择的是直接子元素。
所以你样式里写的.nav>li,是指.nav里面的直接子元素li,并不包括sub里面的li元素

更新:emmmmmm,不明白你到底想表达什么。
图片描述

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题