div:last-child는 잘먹히는데
div:first-child가 안먹히네요&nbsp;
&nbsp;
div:nth-of-type(1)은 잘먹힙니다.
&nbsp;
알 수 있을까요.. <img style="float: left;" src="https://cdn.inflearn.com/public/files/posts/ad408fed-299f-430b-b886-7ce88592705f/first.png" />

:first-child와 :last-child는 태그를 체크하지 않습니다.
코드에서 처럼 다른 태그가 섞여 있을 경우 태그를 체크하는 가상클래스
:first-of-type과 :last-of-type을 사용하셔야 합니다.
<img src="https://cdn.inflearn.com/public/files/posts/374ece18-70dc-45a0-91b1-42d28a9092dd/blob" alt="" />
위의 내용은 :nth-child()는 태그를 체크하지 않고 태그를 체크하려면 :nth-of-type() 사용해야 하는 것과 같습니다.

인프런 커뮤니티 질문&답변

first-child가 왜 안먹힐까요..