solutions for css diner

css-diner.txt

# 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"]

16. plate :only-child

Thanks Your a Gem

Thanks for the awesome work. Can someone explain why 19. bento:nth-last-child(3) worked? For me it seems like it's the 2nd bento backward, so I think about bento:nth-last-child(2) instead.

EDIT: found the answer: flukeout/css-diner#205

16.- plate :is(apple, pickle)

19. bento:nth-last-child(3)
    why 3 and not 2?

yea kobi2132, i thinked the same, but i think with nth child, if other item is as the same level of a child then it counted, i don't know if you understand my explanation

( 16. plate :only-child ) doesn't work

It's supposed to be
plate>:only-child()
Don't know if they missed the greater than symbol or is it just their keyboard that's acting up

And uhh if you already know it then congratulations!

16. plate :only-child

try by yourself

thanks

( 16. plate :only-child ) doesn't work

This is plate [SPACE]:only-child.
This isn´t plate:only-child.

13. bento + pickle, pickle + pickle

what means ,,even" in 21?

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