first-child
-
:first-child, :first-of-type 차이 :: 마이구미HTML, CSS 2019. 2. 23. 23:39
이 글은 CSS 의 :first-child 와 :first-of-type 차이를 다룬다.first 이외에도 last-*, nth-* 와 같은 셀렉터가 존재하기 때문에, 크게 *-child, *-type 으로 볼 수 있다.같은 결과를 내는 경우가 많지만, 분명 다른 차이를 가지고 있다.둘 사이의 차이를 인지하고 있지 않다면, 예기치 못한 이슈를 발생할 것이다. TITLE Child1 Child2 Child3 Child4 .parent > .child:first-child { color: red;} 위와 같은 코드의 결과가 어떻게 나올 것 같은가? (엘리멘트를 요소라고 말하겠다.)클래스명이 parent 요소의 다음 자식인 DIV 요소들 중의 첫번째 요소를 선택하는 CSS 셀렉터를 작성했다.본인은 처음에 아무..