}
.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>
首先你要理解什么是子选择器,子选择器选择的是直接子元素。
所以你样式里写的
.nav>li
,是指.nav
里面的直接子元素li,并不包括sub
里面的li元素更新:emmmmmm,不明白你到底想表达什么。
