안녕하세요 경재님 ^ ㅡ ^

질문에 답변 드려봅니다.

19번 풀이

19번 문제는 :nth-last-child(n) 선택자를 사용해 움직이는 <bento /> 요소를 선택하는 문제입니다. 이 문제는 부모 요소의 자식들 중 마지막 위치(last)로부터 해당 요소가 몇 번째(nth-child) 위치해 있는가가 핵심입니다.

움직이는 <bento /> 요소는 부모의 마지막에서 3번째 위치한 요소로 선택자는 다음과 같이 작성할 수 있습니다.

bento:nth-last-child(3)

.

20번 풀이

20번 문제는 :first-of-type 선택자를 사용해 움직이는 <apple /> 요소를 선택하는 문제입니다. 이 문제는 동일한 요소들(of-type) 중 첫번째(first) 요소를 찾는 것이 핵심입니다.

움직이는 <apple /> 요소는 apple 요소들 중 첫번째죠. 대상을 찾는 선택자 코드는 다음과 같습니다.

apple:first-of-type

.

선생님 친절한 답변 감사드립니다!!