<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.