Frontend/CSS

[CSS] nth-child()

Gaejirang-e 2022. 12. 5. 10:20

nth-child()


div:nth-child(1) {} # div이면서, 전체 태그 기준 첫번째 child
div:first-child {}

div:nth-last-child(1) {} # div이면서, 전체 마지막 태그 기준 첫번째 child
div:last-child {}

div:nth-child(2n+1) {} # div이면서, 전체 태그 기준 홀수번째 child
div:nth-child(2n) {} # div이면서, 전체 태그 기준 짝수번째 child