![Article Thumbnail]()
CSS selector, nth-child()와 nth-of-type() 비교
※ CSS selectordiv:nth-child(3) 하나의 부모 container에 들어 있는 자식들 중 3번째 자식이 이면 CSS 적용시키고, 만약 와 같은 다른 요소이면 이 규칙은 적용되지 않습니다. 요약하면, - 유형(type) 상관 없이 부모 객체의 3번째 자식 객체를 찾아서- 앞에 지정한 요소(div)와 동일한 유형(div)의 자식일 경우에만 CSS 적용div:nth-of-type(3) 하나의 부모 container에 들어 있는 자식들 중 만 선택 대상에 포함하여 그들 중 3번째 자식에게 CSS 적용- 부모 객체의 유형(type) 자식들만 찾아서- 그것들(div) 중 3 번째 자식에게 CSS 적용부모 container에 child가 1개만 있을 때 1. first-child와 last-ch..
2022. 3. 19.
