개발 무지렁이

[CSS] nth-child() 본문

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

'Frontend > CSS' 카테고리의 다른 글

[CSS] vh와 푸터(footer)  (0) 2023.04.12
[CSS] display 속성 정리  (0) 2022.12.05
[CSS] position  (0) 2022.11.26
'Frontend/CSS' Related Articles more
Comments