인프런 커뮤니티 질문&답변
작성한 질문수
답변 1
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) 입니다.
작성한 질문수
답변 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) 입니다.