简单描述：
层次选择器相对来说较麻烦些，但是它的功能相对来说也比较强大，但它使用的频率相对也较少。
相对来说后代选择器和子选择器使用要大于后二者。
层次选择器是通过HTML文档中的元素之间的层次关系来获取对应的HTML元素，其关系包括：后代、父子，兄弟（其中兄弟右包括相邻和通用二种）。
兼容性：
目前只有IE7（包括IE7）以下的浏览器不支持。
语法：
| 选择器 | 类型 | 功能描述 |
| E F | 后代选择器（包含选择器） | 选择匹配的F元素，且匹配的F元素被包含在匹配的E元素内 |
| E>F | 子选择器 | 选择匹配的F元素，且匹配的F元素是所匹配的E元素的子元素 |
| E+F | 相邻兄弟选择器 | 选择匹配的F元素，且匹配的F元素紧位于匹配的E元素后面 |
| E~F | 通用选择器 | 选择匹配的F元素，且位于匹配的E元素后的所有匹配的F元素 |
实例：
2020-01-10 12:25
举报
板块信息
详情
- 板名：CCS教程
- 主题：7
- 帖子：0
- 今日：0
- 讲解一些CSS3相关的教程
热门讨论
- 2
- 挟翼2.0正式上线！
- 0
- 动态与公告
- 4
- hover鼠标经过的样式
- 0
- 图文教程
- 5
- 为HTML元素设置文本
- 0
- 图文教程
- 7
- 为HTML元素设置click事件
- 0
- 图文教程
- 9
- max和min值介绍
- 0
- 图文教程
- 10
- HTML元素的样式解析
- 0
- 图文教程
- 12
- 利用边框弧度来绘制一个月亮
- 0
- 图文教程
- 13
- margin-top失效解决办法
- 0
- 图文教程
关于挟翼
挟翼一款提供UI页面设计的软件。您只需要动一动鼠标绘制相关的元素，软件会自动帮你完成CSS样式和HTML代码。
从现在开始注册，立即赠送一年VIP会员。活动结束日期待定。
Copyright @ 2018-2025 京ICP备15002500号-3