[CSS] ':first-of-type', ':nth-of-type()' not working

[참고] https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type 

:nth-of-type()

 

첫번째 div.content-area에 특정 스타일을 주고 싶었는데, 왜 안되지 하고 한참 헤맸는데 생각해보니까 이 속성은 엘리먼트를 타깃으로 해야지 제대로 동작한다. 클래스명으로 되는 게 아니었다! 감 떨어져쓰 ㅠ_ㅠ

 

See the Pen [CSS] :nth-of-type() by zinee (@zineeworld) on CodePen.