CSS :nth-child() 선택자의 'of S' 구문(예: :nth-child(2 of .active))의 동작으로 올바른 것은?

Q: CSS :nth-child() 선택자의 'of S' 구문(예: :nth-child(2 of .active))의 동작으로 올바른 것은?

.active 클래스를 가진 요소 중에서 두 번째를 선택한다 :nth-child(An+B of S) 구문은 S 선택자와 일치하는 형제 요소들 중에서 An+B번째를 선택합니다. 기존 :nth-child(2).active와 달리, 필터링된 그룹 내에서 순서를 계산하므로 특정 클래스를 가진 요소 중 n번째를 정확히 선택할 수 있습니다.

어려움 MDN Web Docs

보기 및 정답

A .active 클래스를 가진 요소 중에서 두 번째를 선택한다

B 두 번째 자식 요소에 .active 클래스를 자동으로 추가한다

C 모든 .active 요소를 선택한다

D 두 번째 자식 요소가 .active가 아니면 아무것도 선택하지 않는다

해설

:nth-child(An+B of S) 구문은 S 선택자와 일치하는 형제 요소들 중에서 An+B번째를 선택합니다. 기존 :nth-child(2).active와 달리, 필터링된 그룹 내에서 순서를 계산하므로 특정 클래스를 가진 요소 중 n번째를 정확히 선택할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

CSS :nth-child() 선택자의 'of S' 구문(예: :nth-child(2 of .active))의 동작으로 올바른 것은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.