Comment on Show HN: CSS Speedrun – A small game to test and improve your CSS knowledgeparentComments−soperj4yLet me know which ones you want answers for and I can put them in.−soperj4yActually, here:0. li:first-child1. p:not(.foo)2. li:nth-child(2n+3)3. div > *4. span[data-item]5. p ~ span6. form > *:enabled7. #one, #two, #five, #six, #nine8. a + span9. #foo > .foo10. div > div > span + code:not(.foo)−mcv4yli:nth-child(2n+3)I was not aware of this. I did li:nth-child(3), li:nth-child(5), li:nth-child(7) but was thoroughly unhappy about it. Thanks for showing the better solution.−soperj4yNo worries :) for some reason CSS is my favourite.−mcv4yNot mine, I'm afraid. It ranks just above infrastructure, which I hate.−VinceniusOP4yNice - for 6. I had just *:enabled, but other that that those are exactly the solutions I thougt of when creating the puzzles :)−soperj4yI guess I just habitually make things more specific incase i need to overwrite them. This was really fun. Thanks for making it :)−tiffanyh4yThanks so much!−soperj4yNo worries. There's lots of documentation, but happy to help if you have a specific question.
Comments
Let me know which ones you want answers for and I can put them in.
Actually, here:
0. li:first-child
1. p:not(.foo)
2. li:nth-child(2n+3)
3. div > *
4. span[data-item]
5. p ~ span
6. form > *:enabled
7. #one, #two, #five, #six, #nine
8. a + span
9. #foo > .foo
10. div > div > span + code:not(.foo)
I was not aware of this. I did
but was thoroughly unhappy about it. Thanks for showing the better solution.No worries :) for some reason CSS is my favourite.
Not mine, I'm afraid. It ranks just above infrastructure, which I hate.
Nice - for 6. I had just *:enabled, but other that that those are exactly the solutions I thougt of when creating the puzzles :)
I guess I just habitually make things more specific incase i need to overwrite them. This was really fun. Thanks for making it :)
Thanks so much!
No worries. There's lots of documentation, but happy to help if you have a specific question.