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>
展开
收起
1
条回答
写回答
写回答
-
<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限定更严格，必须后面的元素只比前面的低一个级别。
2019-07-17 19:16:36赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
