V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
1dian01
V2EX  ›  问与答

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

  •  
  •   1dian01 · 2015-08-05 16:53:43 +08:00 · 2346 次点击
    这是一个创建于 3397 天前的主题,其中的信息可能已经有所发展或是发生改变。
    .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;
    }
    11 条回复    2015-08-05 18:15:00 +08:00
    a591826944
        1
    a591826944  
       2015-08-05 16:58:53 +08:00
    二级以及二级以后的菜单项
    TakanashiAzusa
        2
    TakanashiAzusa  
       2015-08-05 17:08:04 +08:00
    @a591826944 li后面找不到ul啊。。还是说他的HTML是
    ul>li>ul
    这样?
    lichao
        3
    lichao  
       2015-08-05 17:09:48 +08:00
    @TakanashiAzusa 对了,就是列表中再嵌套列表
    haiyang416
        4
    haiyang416  
       2015-08-05 17:12:34 +08:00
    列表嵌套,很正常的情况,一般前端框架中的 subnav 都是这样的。
    blacktulip
        5
    blacktulip  
       2015-08-05 17:15:27 +08:00
    嵌套咯,可以一层套一层
    1dian01
        6
    1dian01  
    OP
       2015-08-05 17:17:48 +08:00
    问题是html是这样的,下面没有 ul了

    <!-- start navigation -->
    <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>
    <!-- end navigation -->
    1dian01
        7
    1dian01  
    OP
       2015-08-05 17:20:07 +08:00
    @blacktulip
    @haiyang416
    @lichao
    @TakanashiAzusa
    @a591826944
    上面加上了html部分,li下面没有ul了,咋嵌套呢?

    http://www.ghostchina.com/ 这个网站
    lingyired
        8
    lingyired  
       2015-08-05 17:25:37 +08:00
    @1dian01

    当前网站的需求里面不需要二次菜单嵌套。
    但是这个模版/主题支持这种的嵌套。
    gongpeione
        9
    gongpeione  
       2015-08-05 17:27:59 +08:00
    他只是没加二级菜单而已,你自己 f12 在某一个li里嵌套一个ul就可以看到效果了
    LancerComet
        10
    LancerComet  
       2015-08-05 17:28:33 +08:00
    只说这个问题,这个是为嵌套列表准备的,只是当前 HTML 里没有用到嵌套列表而已。
    blacktulip
        11
    blacktulip  
       2015-08-05 18:15:00 +08:00
    @1dian01 css 里面有但是 html 里面不一定要用...
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2495 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 01:12 · PVG 09:12 · LAX 17:12 · JFK 20:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.