Skip to content

Instantly share code, notes, and snippets.

@chrisman
Created August 2, 2017 18:21
Show Gist options
  • Save chrisman/fcb0a88459cd98239dbe6d2d200b02d1 to your computer and use it in GitHub Desktop.
Save chrisman/fcb0a88459cd98239dbe6d2d200b02d1 to your computer and use it in GitHub Desktop.
solutions for css diner
# https://flukeout.github.io/ #
01. plate
02. bento
03. #fancy
04. plate apple
05. #fancy pickle
06. .small
07. orange.small
08. bento orange.small
09. plate, bento
10. *
11. plate *
12. plate + apple
13. bento ~ pickle
14. plate > apple
15. orange:first-child
16. plate apple:only-child, plate pickle:only-child
17. .small:last-child
18. plate:nth-child(3)
19. bento:nth-last-child(3)
20. apple:first-of-type
21. plate:nth-of-type(even)
22. plate:nth-of-type(2n+3)
23. plate apple: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. bento[for="Vitaly"]
30. *[for^="Sa"]
31. *[for$="ato"]
32. bento[for*="obb"]
@Sarah0302
Copy link

what means ,,even" in 21?

@FedericoCapaldo
Copy link

what means ,,even" in 21?
@Sarah0302 it means get each child that is at even position in the list of children (0,2,4,..)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment