가상 클래스 선택자(Pseudo-Class Selector) - first-child

See the Pen Untitled by Jeong-Dagyeong (@jeong-dagyeong) on CodePen.

:nth-child(2n) = :nth-child(even)

=> n의 자리에 1부터 차례대로 들어가게 되는데, 짝수가 된다.

 

:nth-child(2n-1) = :nth-child(odd)

=> n의 자리에 1부터 차례대로 들어가게 되는데, 홀수가 된다.

---

.movie:first-child {
  font-size : 32px;
}

가 적용이 안된 이유

 

class가 movie인 태그들의 부모는 ul이다. 

ul의 첫번째 자식은 toy story인데 toy story에 class가 없기 때문에 적용이 되지 않는 것이다.

 

=> .클래스명의 선택된 것 들 중에서의 첫번째