一、选择器进阶
目标:能够理解 复合选择器 的规则,并使用 复合选择器 在 HTML 中选择元素
学习路径:
1.复合选择器
2.并集选择器
3.交集选择器
4.hover伪类选择器
5.Emmet语法
1.1 后代选择器:空格
作用:根据 HTML标签的嵌套关系,选择父元素 后代中 满足条件的元素
选择器语法: 选择器1 选择器2{css }
结果:
在选择器1所找到标签的后代(儿子、孙子、重孙子.)中, 找到满足选择器2的标签,设置样式注意点:
1.后代包括:儿子、孙子、重孙子..
2.后代选择器中,选择器与选择器之前通过 空格 隔开
1.2 子代选择器:
作用:根据 HTML标签的嵌套关系,选择父元素 子代中 满足条件的元素
选择器语法:选择器1>选择器2{css }
结果:
在选择器1所找到标签的子代(儿子)中,找到满足选择器2的标签,设置样式注意点:
1. 子代只包括:儿子
2. 子代选择器中,选择器与选择器之前通过 >隔开