인프런 커뮤니티 질문&답변

아 감사합니당! 이해됐어요~

nth-of-type은 클래스를 기준으로 하는게 아니라 html 요소의 타입으로 순서를 매깁니다.
요소의 타입인 <circle>로 따지면 .face__eye들은 2번째 circle과 3번째 circle이기 때문에
nth-of-type(2), nth-of-type(3)으로 해준거에요~

만약 .face__hair를 선택한다고 한다면, <ellipse>가 .face__hair에서 처음 나왔기때문에
말씀대로 nth-of-type(1), nth-of-type(2)로 선택할 수 있고요.