IT EVERYTHING

Select the small apples 

작은 사과를 선택을 하면 되는 문제이다.

사과 하나는 접시 위에 있고 하나는 탁자? 위에 있다.

HTML Viewer 을 보면 사과는 class 값이 small 로 동일하다.

그러므로 class 값 small 을 넣어주면 된다.

->.small

Select the pickle on the fancy plate 

fancy plate 위에 있는 pickle을 선택을 하면 되는 문제이다.

id 값이 fancy인 plate태그 안에 pickle을 선택해야한다.

-> #fancy pickle

apple 태그는 plate 로 감싸져있다.

apple 태그는 plate 로 감싸져있는 apple 태그를 선택을 할려면

plate apple를 넣어주면 된다.

fancy plate 를 선택을 해야한다.

id값이 fancy 값인 plate 태그를 선택을 할려면

#fancy를 넣어주면 된다.

ex )

<div class="www"></div>

<span id="bbb"></span>

div 태그 선택 -> .www

span 태그 선택 -> #bbb

bento boxes 를 선택을 할려면

bento태그를 선택하면 된다.

그러므로 bento 를 넣어주면 된다.

div 태그 안에 plate 가 들어있다.

div에 class값이 table 이므로

plate 선택을 할려면

plate를 넣어주면 된다.

CSS를 공부하기 전에 CSS Diner라는 페이지에 들어가서 문제를 풀어보면서 공부를 할 예정입니다.

1번부터 32번 까지 쭉 하나하나 블로그에 올리면서 공부를 하도록 하겠습니다.

http://flukeout.github.io/