CSS样式中的 nav ul li ul 与 nav>ul>li

问题：CSS样式中的 nav ul li ul 与 nav>ul>li 这两种写法的区别是什么，“>”的作用是什么，谢谢。

    <style>
        *{
            margin:0;
            padding:0;
            list-style:none;
        }

        nav ul li ul{
            display:none;
        }

        nav>ul>li{
            float:left;
            padding:10px;
            border:1px solid blue;
        }

        nav>ul>li>ul>li{
            padding:10px;
            border-bottom:1px solid #ccc;
        }
    </style>

• 2015年01月29日提问 
• 评论 
• 邀请回答 
• 编辑 
• 更多

查看全部 4 个回答

答案对人有帮助，有参考价值 0 答案没帮助，是错误的答案，答非所问

>是指只能一代接一代，比如： nav>ul>li>ul>li，必须是下面这样的

            <nav>
                <ul>
                    <li>
                        <ul>
                            <li></li>
                        </ul>
                    </li>
                </ul>
            </nav>

然后nav ul li ul只要求后面的元素是在nav标签下的顺序即可，对中间隔了几层不敏感，比如：

            <nav>
                <div>
                    <ul>
                        <div>
                            <a>
                                <li>
                                    <div>
                                        <ul>
                                            <li>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                            </a>
                        </div>
                    </ul>
                </div>
            </nav>

• 2015年01月30日回答 · 2015年01月30日更新 
• 评论 
• 编辑

WatcherLin 64 声望

推荐答案

答案对人有帮助，有参考价值 4 答案没帮助，是错误的答案，答非所问

<nav>
    <ul id="a">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li>
            <ul id="b">
                <li></li><li></li>
            </ul>
        </li>
        <li>
            <ul id="c">
                <li></li><li></li>
            </ul>
        </li>
    </ul>
</nav>

nav>ul只选择nav下一级里面的ul元素，例如上面dom结构里id为a的ul。
nav ul选择nav内所包含的所有ul元素，例如上面dom结构里面id为a、b、c的全部ul。

nav>ul比nav ul限定更严格，必须后面的元素只比前面的低一个级别。