<div>
  <p>첫번째는 p</p>
  <p>두번째는 p</p>
  <strong>
    세번째는 strong           </strong>
  <p>네번째는 p</p>
</div>
/* div의 형제 요소 그룹 중,
3번째 요소가 div이면 
스타일 적용
div의 형재 요소 그룹 중 
3번째 요소가 strong이기 때문에 style 적용이 되지않음 */
div:nth-child(3){
  color: teal;
}

/* div의 자손이면서 형제 중  3번째 요소에 스타일 적용*/
div :nth-child(3){
  background: orange;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.