inflearn logo
강의

講義

知識共有

フォローして学ぶHTML、CSS

仮想クラス(擬似クラス)

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

解決済みの質問

495

lemoni392

投稿した質問数 1

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의 배수를 선택하는 건가요?

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

HTML/CSS

回答 1

0

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 ... 이런 식으로 되게 됩니다 ~

감사합니다 ~

0

lemoni392

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

header_logo

0

167

1

인스타그램 실습

0

276

1

유튜브 실습

0

305

1

a-button:hover , active에 다음과 같은 에러 메시지가 뜹니다.

0

378

2

도표 자료 (해결)

0

327

1

grid-template-columns에 대하여

0

197

1

flex-shrink 질문입니다

0

215

1

가상 클래스(의사 클래스)의 정의가 이해가 되지 않습니다.

0

221

2

스토리 생성하기 부분에서

0

174

1

안녕하세요 강사님 질문 있습니다.

0

328

1

Abutton 만들기 css가 인식이 안돼요.

0

337

1

유튜브 사이드바 생성할때 bottom 0

0

357

1

영상 자료를 다운받아도 자료가 보이지 않습니다.

0

374

1

인라인 요소, 블록 요소

0

290

1

css 질문 있습니다 !!

0

272

1

자료 pdf 파일로 보내 주실수 있는지 질문드립니다.

0

344

1

개발블로그 내용정리 게시 가능 여부

0

408

1

nth child에 대한 개념

0

407

2

도표자료를 열 수 없습니다.

0

331

1

profile__picture 사진 크기 조정

0

328

1

header태그

0

327

1

<strong>과 같은 semantic 태그와 SEO, 실무의 사용이 궁금합니다!

0

363

1

도표 자료 pdf 파일로 아이패드로 어떻게 옮기나요?

0

1187

1

창이 일정크기 이상 줄어들지 않아요

0

315

1