【34】CSS3（1）—— 新增选择器①子级选择器

倏存

已于 2022-07-12 21:39:37 修改

阅读量769

点赞数 3

分类专栏：前端基础文章标签： css css3 原力计划

于 2021-04-08 09:56:07 首次发布

本文链接：https://blog.csdn.net/weixin_47640160/article/details/115485345

版权

本文介绍了CSS3中新增的选择器之一——子级选择器。子级选择器仅选择父元素的直接子元素，例如`parent > child`，它不选择间接子元素。文章详细阐述了子级选择器的用法和注意事项，并通过例子进行说明。

摘要由CSDN通过智能技术生成

CSS3 新增选择器：
• 子级选择器 • 兄弟选择器 • 结构伪类选择器 • 伪元素选择器 • 属性选择器
本篇讲解：子级选择器
在这里插入图片描述

子级选择器	具体含义
用于	选取带有特定父元素的元素
书写语法	`element1 > element2`

①如果 element2 元素不是父元素element1的直接子元素，则不会被选择。（比如下面举例中的.box > p 只选中了直接在子元素p，而没有选中.box中的.inner中的p）
② > 符号之前书写父级的选择器，> 符号之后写子级选择器，必须满足父子级关系才能选中标签。