CSS选择器练习之餐厅小游戏答案和解析（上）
通关的方法是通过选择器选中正在活动的元素
1 plate //第一关是对元素选择器考查 语法：标签名{}
2 bento //与第一关考查一样
3 #fancy //考察id选择器的使用 语法：#id属性值{}
4 plate>apple //考察对关系选择器的运用 在父元素中选中子元素 语法：父元素>子元素
5#fancy>pickle //和第四关考查一样
6 .small //考察对类选择器的使用 语法：.classs属性值
7 orange.small //对交集选择器的考察 语法：选择器1选择器2选择器3....选择器n{}
8 bento>orange.small //对第4关和第7关知识的结合
9 plate,bento //考察并集选择器 语法：选择器1，选择器2{}
10 * //通配选择器 语法：*{}
11 plate * //7 和10的组合运用
12 plate+apple //关系选择器 兄弟元素选择下个兄弟 语法：前一个+后一个
13 bento~pickle //关系选择器 兄弟元素选择下面所有的兄弟 语法:兄~弟
14 plate>apple //参考4
15 orange:first-child //伪类选择器 ：first-child 第一个子元素
16.plate>pickle,apple //相比于那个伪类选择器我更喜欢这样写，更容易看懂
