🌟 first-child / first-of-type 속성 차이점

first-child 와 first-of-type 차이점 first-child 와 first-of-type은 똑같이 자식 형제 요소 고르는것같은데 무엇이 다를까? 한방에 이해하기 쉽게 간단명료하게 설명하면 이렇다. div > p:first-child 'div 하위의 p 요소 중 첫번째 요소' 로 읽는 게 아니라 'div 하위의 첫번째 자식인 요소가 p 요소' 이면이다. 즉, div의 자손 요소중에 first-child를 고르는데 그게 p이면 스타일을 적용한다. 만일 p가 없다면 스타일을 적용하지 않는다. 'div first-child is p' 라고 영어 문장으로 이해하면 된다. .parent > span:first-child { background: lightgreen; } .parent2 > p:fi..

인파_

2023.04.20