홍페이지 HONGPAGE

  • 홈
  • 디자인
  • 개발
  • TIP
  • Link

nth-child

디자인/html·css
[CSS] nth-child / n번째부터 n번째까지 CSS 변경

특정 순서의 CSS를 변경할 때 유용한 nth-child(). 다양하게 활용이 가능하다. 3의 배수인 박스 배경 변경 .box:nth-child(3n){ background:red } 20번째 이후 모든 박스 배경 변경 /* 22번 부터 이후 모든 box 폰트색 변경 */ .box:nth-child(n+20) { background:red } 1번째부터 5번째까지 박스 배경 변경 1번째부터 지정할때는 -n으로 시작하는 것 주의 .box:nth-child(-n+6) { background:red } 15번째부터 20번째까지 박스 배경색 변경 .box:nth-child(n+15):nth-child(-n+20) { background:red } 마지막에서 3번째 박스 변경 .box:nth-last-child(..

1
더보기
프로필사진

HONG

디지털노마드를 꿈꾸는
UI/UX Designer, Front-end Developer

Contact : heeehong@gmail.com

  • 분류 전체보기
    • 디자인
      • UX·UI
      • html·css
    • 개발
      • js·jquery
      • php
      • sql
      • 카페24
    • tip
    • 리뷰
    • 블로그
    • 글
    • [ 코드 판매 ]

최근글과 인기글

  • 최근글
  • 인기글




티스토리툴바