본문 바로가기
CSS

홀수 번째 또는 짝수 번째에만 지정된 CSS 적용하기

by 1two13 2023. 2. 25.
728x90
반응형

프로그래머스 데브매칭을 구현하다가 정리를 해두면 좋을 거 같아서 정리했다! 그리고 예전에 혼자 진행한 미니 프로젝트에서도 이러한 CSS 적용을 했었는데 노션에 정리를 해놨던지라 티스토리로 이동이동~

 

 

홀수 번째에만 CSS 적용하는 법


:nth-child(odd) {
  background-color: skyblue;
}
728x90

 

짝수 번째에만 CSS 적용하는 법


:nth-child(even) {
  background-color: skyblue;
}

 

반응형

 

 


질문이나 잘못된 점은 댓글로 남겨주세요 :)💖

 

 

 

 

 

 

728x90
반응형

댓글