-
-
Save humbertodias/b878772e823fd9863a1e4c2415a3f7b6 to your computer and use it in GitHub Desktop.
http://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 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"] |
As of 08/31/2017: #19 was bento:nth-last-child(3)
#27 [for]
#28 plate[for]
#29 [for="Vitaly"]
#30 [for^="S"]
#31 [for$="o"]
#32 [for*="bb"]
#08 bento > orange
,- wrong
#08 bento > orange.small
how is 27 [for]
it works but why?
#27 bento:empty selects all bentos that have no children: the first one and the last one
#27 [for]
#28 plate[for]
#29 [for="Vitaly"]
#30 [for^="Sa"]
#31 [for$="ato"]
#32 [for*="obb"]
#8 is wrong. bento > orange.small
#19 bento:nth-last-child(3)
i'm trying to figure out number 19 i don't understand why the nth-last-child is 4
I know we're trying to identify the right most thing in css
so i thought it would be 1
i'm trying to figure out number 19 i don't understand why the nth-last-child is 4
I know we're trying to identify the right most thing in css
so i thought it would be 1
Here you must try to select one of the siblings inside a given element by counting from the end.
The solution showed here is wrong; it should be: bento:nth-last-child(3)
This will select the bento that is the 3th (child) element within the (parent) div element when you count from the bottom up.
#8:bento orange.small
#19 plate + :nth-child(2)
#24
.small:last-of-type
#12 plate + apple
#19 . corrections : it's actually : [ bento:nth-last-child(3) ] not (4)
#19 incorrect. should be bento:nth-last-child(3)
#21 plate:nth-of-type(even)
#11 plate > *
.small:last-child is my right answer for 17 . How?
#32 [for*="ob"]
#21 plate:nth-of-type(even)
#21 plate:nth-of-type(even)
Thanks
12: plate + apple.
Would someone mind elaborating on this? I don't quite understand this one.
this also works..
16)plate apple, plate orange
Why is the answer to question #13 not 'pickle~pickle'?
this also works.. 16)plate apple, plate orange
- plate :only-child
🍎 🍊 🍱