【CSS】2_子选择器
【摘要】 三、子选择器子选择器只能选择某一元素的子元素，不能选择其孙子元素，即只能选择器最近一级的元素需要使用大于号（英文状态下）如： <style> .nav>a { color: red; } </style><body> <div class="nav"> <a href="#">我是儿子</a> ...
三、子选择器
子选择器只能选择某一元素的子元素，不能选择其孙子元素，即只能选择器最近一级的元素
需要使用大于号（英文状态下）
如：
<style>
.nav>a {
color: red;
}
</style>
<body>
<div class="nav">
<a href="#">我是儿子</a>
<p>
<a href="#">我是孙子</a>
</p>
</div>
</body>
特点：
- 元素1和元素2之间要用大于号隔开
- 元素1 是父级，元素2是子级，则最终选择的是元素2
- 元素2必须是亲儿子，其孙子，重孙之类的都不选择，区别于后代选择器，后代选择器是只要在它标签下的元素都会选定，需要层层深入
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）