인프런 커뮤니티 질문&답변

연수님의 프로필 이미지
연수

작성한 질문수

따라하며 배우는 HTML, CSS

가상 클래스(의사 클래스)

nth-child(2n+1)에 대해 궁금해요

해결된 질문

작성

·

360

0

 nth child는 몇 번째 자식 요소를 선택할 것 인지는 이해했습니다만 질문이 있습니다.

Q1. nth-child(2n+1)은 왜 홀수 선택이 되는 건가요?

nth-child(2n+1)이 홀수가 되는 이유를 좀 더 풀어서 설명해주시면 좋겠습니다!

Q2. nth-chlid(2)와 nth-child(2n)의 차이가 궁금해요.

nth-child(5)가 5번째부터 선택되는 거라면 nth-child(5n)이런식으로도 표현할 수 있나요? 이 경우 5의 배수를 선택하는 건가요?

괄호 안에 들어가는 부분이 뭔지 좀 더 설명해주심 좋겠습니다!!

답변 1

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요 ~

Q1. nth-child(2n+1)은 왜 홀수 선택이 되는 건가요?

(2*0 +1 ) => 1
(2*1 + 1) => 3
(2*2 + 1) => 5 ... 이런 식으로 되기 때문에 홀수가 됩니다 ~

Q2. nth-chlid(2)와 nth-child(2n)의 차이가 궁금해요.

nth-child(2) => 2번째

nth-child(2n)
(2*0) => 0
(2*1) => 2 ... 이런 식으로 되게 됩니다 ~

감사합니다 ~

연수님의 프로필 이미지
연수
질문자

이해되었습니다 감사합니다!^^

연수님의 프로필 이미지
연수

작성한 질문수

질문하기