[ Tailwind CSS ] tailwind에서 nth-child 쓰는 법

tailwind에서 제공하는 단축어 사용

Handling Hover, Focus, and Other States - Tailwind CSS

 

그러나 내가 쓰려는 건 없다...

 

 

tailwind + CSS 직접 작성

/* 토요일 */
#calendar-body span:nth-child(7n - 1) {
  @apply text-primary-500;
}

/* 일요일 */
#calendar-body span:nth-child(7n) {
  @apply text-red-500;
}

 

기본 CSS 적용하는 방법 + @apply 디렉티브