任务：
- 能够使用复合选择器在HTML中选择元素
- 能够使用Emmet语法提高编码速度
- 能够使用hover伪类选择器设置鼠标悬停的状态
- 能够使用结构伪类选择器找到偶数、奇数个li标签
选择器的进阶
复合选选择器
1.后代选择器
选择器语法：选择器1 选择器2 {css}
作用：在选择器1所在的后代中，找到选择器2，并且设计它的样式
注意：后代包括：儿子 孙子 重孙子...... 选择器与选择器之间通过空格隔开
2.子代选择器：
选择器语法：选择器1>选择器2 {css}
作用：先通过选择器1的子代中，找到满足选择器2的标签，并对它设置样式
并集选择器
选择器语法：选择器1，选择器2 {css}
作用：找到选择器1和选择器2对应的标签，设置样式
交集选择器
选择器语法结构：选择器1选择器2 {css}
作用：找到同时满足选择器1和选择器2，并且对它设计样式
注意：交集选择器中有标签选择器，此时标签选择器必须写在第一个
伪类选择器
结构伪类选择器
E:fist-child {}匹配父元素的第一个子元素，并且是E元素
E:last-child {}匹配父元素的最后一个子元素，并且是E
E:nth-child(n) {}匹配父元素的第几个子元素，并且是E
E:nth-last-child(n) {}匹配父元素的倒是第几个子元素，并且是E
查找单个
E:nth-child(n) {} 奇数个---偶数个---前5个---后5个
查找多个
