CSS 핵심 개념선택자팁: 알아두면 좋은 선택자

Q

이러면 첫번째 자식은 선택이 안되지 않나요?

조회 848

좋아요 4

2023년 6월 29일()

낙방여우

Lv 37
낙방여우 Profile

낙방여우

Lv 37
낙방여우 Profile



A
1개의 답변이 있어요
질문자 채택



떫은전자두뇌
최고의 멘토
LV. 55

채택된 답변 수 125

2023년 6월 29일

댓글 5

2023년 6월 29일
강의에서는 `:nth-child()를 사용합니다. 괄호 안에는 숫자나 even, odd, 2n 같은 값이 들어갈 수 있는데요. 혹시 다른 프로그래밍 언어를 쓰신 경험이 있다면 0부터 시작할 거라고 생각하실 수도 있지만, 여기서는 1부터 시작합니다. (첫 번째 자식은 1이고, 세 번째 자식은 3임)`
2023년 6월 29일
이렇게 나와있던데 n이 0부터 시작하는 건가요?
베스트 댓글
2023년 6월 29일
네네 괄호 안의 숫자가 1, 2, 3, 4 이런 식으로 간다는 얘기구요, 그러니까 nth-child(1), nth-child(2), nth-child(3) 이렇게겠죠. 괄호 안의 숫자는 0이 되지는 않는다는 얘기입니다. nth-child(2n+1)와같이 함수형으로 표기할때의 n은 0에서부터 시작합니다. 괄호 안의 숫자가 0은 안되고, 함수형으로 표기할때의(n+1, 2n+1, 3n+1 이런식의) n은 0부터가 맞습니다 ㅎㅎ 복잡하죠
2023년 6월 29일
오오.. 그렇군요. 감사합니다
2023년 6월 29일
https://css-tricks.com/examples/nth-child-tester 요런데서 한번 연습도 해보세용~

(주) 코드잇

대표강영훈

개인정보보호책임자강영훈

이메일support@codeit.kr

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇