css选择器游戏练习

01. plate                                                                   元素选择器

02.  bento                                                                 元素选择器

03.  #fancy                                                                 id选择器

04.  plate apple                                                        后代选择器

05.  #fancy pickle                                                     后代选择器

06.  apple.small                                                        交集选择器

07. orange.small                                                     交集选择器

08.  bento orange.small                                          后代元素选择器

09.  plate , bento                                                     并集选择器

10.  *                                                                       通配选择权

11.  plate *                                                               交集选择器

12.  plate + apple                                                   兄弟元素选择器

13.  bento ~ pickle                                                  兄弟元素选择器

14.  plate > apple                                                    子元素选择器

15.  plate orange:first-child                                      伪元素选择器

16.  plate *:only-child                                              伪元素选择器

17.  #fancy *:last-child , plate + pickle                    交集选择器

18.  plate:nth-child(3)                                             子元素选择器

19.  bento:nth-last-child(3)                                     子元素选择器

20.  apple:first-of-type                                             子元素选择器

21.  plate:nth-of-type(2n)                                         子元素选择器

22.  plate:nth-of-type(2n+3)                                    子元素选择器

23.  plate apple.small:only-of-type                          交集选择器

24.  orange:last-of-type , apple:last-of-type            交集选择器

25.  bento:empty                                                     空选择器

26.  apple:not(.small)                                              否定伪类

27.  [for]                                                                  属性选择器

28.  plate[for]                                                           属性选择器

29.  [for="Vitaly"]                                                    属性选择器

30.  [for^="Sam"],[for^="Sarah"]                            交集选择器

31.  [for$="Hayato"],[for$="Minato"]                      交集选择器

32.  [for*="Robbie"],[for*="Bobby"]                        交集选择器