- 以下内容源于：《图解CSS3核心技术与案例实战》 第2章
一、基本选择器
1.1 语法
1.2 浏览器兼容性
二、层次选择器
2.1 语法
2.2 浏览器兼容性
2.3 后代选择器
- 后代选择器：
E F===》 选择E元素的 所有后代F元素【不管是什么辈分】。
- 点击打开demo
2.4 子选择器
- 子选择器：
E > F====》 选择E元素下 所有子元素F【仅仅只是子元素】。
- 点击打开demo
2.5 相邻兄弟选择器
- 相邻兄弟选择器：
E + F====》 选择紧跟E元素后的元素F【说明E元素 和F元素在同一个父元素中】。
- 点击打开demo
2.6 通用兄弟选择器
- 通用兄弟选择器：
E ~ F====》 选择E元素下 所有兄弟元素F【说明E元素 和F元素在同一个父元素中】。
- 点击打开demo
