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   //相比于那个伪类选择器我更喜欢这样写，更容易看懂