li 写在 ul 前面的 CSS 写法是啥意思？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3389 天前的主题，其中的信息可能已经有所发展或是发生改变。

.main-navigation .menu li ul {
visibility: hidden;
background: #ffffff;
text-align: left;
padding: 7px 0px;
margin: 0;
position: absolute;
left: 0;
top: 120%;
width: 200px;
z-index: 999;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

0.2s

ease

opacity=0

11 条回复 • 2015-08-05 18:15:00 +08:00

a591826944

2015-08-05 16:58:53 +08:00

二级以及二级以后的菜单项

TakanashiAzusa

2015-08-05 17:08:04 +08:00

@a591826944 li后面找不到ul啊。。还是说他的HTML是
ul>li>ul
这样？

lichao

2015-08-05 17:09:48 +08:00

@TakanashiAzusa 对了，就是列表中再嵌套列表

haiyang416

2015-08-05 17:12:34 +08:00

列表嵌套，很正常的情况，一般前端框架中的 subnav 都是这样的。

blacktulip

2015-08-05 17:15:27 +08:00

嵌套咯，可以一层套一层

1dian01

2015-08-05 17:17:48 +08:00

问题是html是这样的，下面没有 ul了


<nav class="main-navigation">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="navbar-header">
<span class="nav-toggle-button collapsed" data-toggle="collapse" data-target="#main-menu">
<span class="sr-only">Toggle navigation</span>
<i class="fa fa-bars"></i>
</span>
</div>
<div class="collapse navbar-collapse" id="main-menu">
<ul class="menu">
<li class="nav-current" role="presentation"><a href="/">首页</a></li>
<li role="presentation"><a href="http://wenda.ghostchina.com">论坛</a></li>
<li role="presentation"><a href="/ghost-cheat-sheet/">快捷手册</a></li>
<li role="presentation"><a href="http://docs.ghostchina.com/zh/">中文文档</a></li>
<li role="presentation"><a href="/download/">下载</a></li>
<li role="presentation"><a href="/about/">关于</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>

1dian01

2015-08-05 17:20:07 +08:00

@blacktulip
@haiyang416
@lichao
@TakanashiAzusa
@a591826944
上面加上了html部分，li下面没有ul了，咋嵌套呢？

http://www.ghostchina.com/ 这个网站