• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    해결됨

nth-of-type

20.02.22 10:48 작성 조회수 35

0

삭제된 글입니다

답변 2

·

답변을 작성해보세요.

1

gga01075님의 프로필

gga01075

질문자

2020.02.22

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

1

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)로 선택할 수 있고요.