CSS Diner ☆ CSS选择器

传送门：CSS Diner - Where we feast on CSS Selectors!

1. plate
2. bento
3. #fancy 
4. plate apple
5. #fancy pickle
6. apple.small
7. orange.small
8. bento orange.small
9. 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 .small , pickle 也可  .small:last-child 较优
18. Plate:nth-child(3)
19. bento:nth-last-child(3)  bento:nth-child(2)也可
20. apple:first-of-type
21. plate:nth-of-type(2n) 或者直接 plate:nth-of-type(even) 第偶数项
22. plate:nth-of-type(2n+3)  注意不是2n+1 因为n是从零开始的 此题要求从第三个开始
23. apple:only-of-type
24. orange:last-of-type , apple:last-of-type 或者 .small:last-of-type
25. bento:empty
26. apple:not(.small)
27. *[for]  或者省略* 直接[for]
28. Plate[for]
29. [for="Vitaly"]
30. [for^="Sa"] 选择每一个for属性的值以Sa开头的元素
31. [for$="ato"]                      以ato结尾
32. [for*="obb"]                   包含子字符串obb

33. ---

P24

end~