• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

TEST 3개중에서 첫번째가 아닌 두번째 나오게 하려면 어떤 방법이 있을가여?

20.04.10 03:31 작성 조회수 114

1

nth-child()는 동작 안하는거 같습니다.

답변 1

답변을 작성해보세요.

1

nth-of-type()으로 해보시면 될거에요~

nth-child는 요소의 타입 상관없이 순서만 체크하고,
nth-of-type은 요소의 타입(p인지 section인지 등등)를 따져서 순서를 체크합니다.

예를들어

<p>aa</p>
<div>bb</div>
<p>cc</p>

에서,  <div>는 div:nth-child(2) 이면서 div:nth-of-type(1) 입니다.