[멋쟁이사자처럼] 실습 - CSS Speedrun

1. CSS Speedrun 소개

복습을 어떻게 하지?

단어 외우 것 처럼 안보고 써보기 보다는 직접 써보는게 빠르고 효과적일 것이다.

게임으로 즐기면서 CSS 선택자에 대해 복습하면 동기부여도 된다.

 

CSS Speedrun 풀이 완료

2. 내 풀이

no.	내 풀이	정답
Inro	li:first-child	li:first-child
Level 1	p:not(*[class="foo"])	p:not(.foo)
Level 2	li:nth-child(odd):not(:first-child)	li:nth-child(2n + 3)
Level 3	div > *	div > *
Level 4	span[data-item]	span[data-item]
Level 5	p ~ span	p ~ span
Level 6	form *:not(*[disabled])	:enabled
Level 7	li[id="one"],li[id="two"],li[id="five"],li[id="six"],li[id="nine"]	#one, #two, #five, #six, #nine
Level 8	a+span	a + span
Level 9	div[id="foo"] > div[class="foo"]	#foo > .foo
Level 10	div div *:last-child:not(*[class="foo"]	div div span + code:not(.foo)