✏️웹개발을 배워보자 / :nth-child

1000명진·2023년 1월 17일
0
post-thumbnail

:nth-child 엘리먼트 자식중 (n)번째있는 엘리먼트만 따로조작

  • :nth-child(n) : n번째 선택

  • :nth-child(2n) : 2번째마다(2의배수) 선택

  • :first-child : 부모안에 모든 요소 중 첫번째 요소

  • :last-child : 부모안에 모든 요소 중 마지막 요소


  • :nth-child(odd) : 홀수 선택

  • :nth-child(even) : 짝수 선택


  • div:nth-of-type(n) : 부모안에 요소 중 첫번째 div 요소 선택
profile
심심할때쓰는 기록장

0개의 댓글