Skip to content

Instantly share code, notes, and snippets.

@lukasrudnik
Last active June 27, 2020 14:05
Show Gist options
  • Save lukasrudnik/6acf20d04be881a6348111225eeb9b44 to your computer and use it in GitHub Desktop.
Save lukasrudnik/6acf20d04be881a6348111225eeb9b44 to your computer and use it in GitHub Desktop.
Solutions CSS Diner
#01 plate "or" *
#02 bento
#03 #fancy
#04 plate > apple
#05 #fancy pickle
#06 .small
#07 orange.small
#08 bento > orange.small
#09 plate, bento
#10 *
#11 orange.small, pickle, plate > apple
#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^="Sa"]
#31 [for$="ato"]
#32 [for*="obb"]
@Programmer41
Copy link

thx that helped so much

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