테스트 사이트 - 개발 중인 베타 버전입니다

[CSS]css 가상 선택자 정리 및 비교 (nth-child, nth-of-type)

· 1년 전 · 1098 · 10

:nth-child(N)= 부모안에 모든 요소 중 N번째 요소

A:nth-of-type(N)= 부모안에 A라는 요소 중 N번째 요소

:first-child= 부모안에 모든 요소 중 첫번째 요소

:last-child= 부모안에 모든 요소 중 마지막 요소

A:first-of-type= 부모안에 A라는 요소 중 첫번째 요소

A:last-of-type= 부모안에 A라는 요소 중 마지막 요소

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 10개

1년 전

옆동펌입니다
얼마전에  계정 털려 자료 다삭제당함 필요한자료 보이는대로 수집해 공유할게요

1년 전

좋은 팁 감사 합니다.

1년 전

좋은 자료 감사합니다.

1년 전
이렇게 보면 알겠는데 막상 코딩하다 보면 은근 헷갈리는 거네요. 스크랩각입니다. 잘 활용하겠습니다.

세심하게 설명해 주시네요. 좋은 자료 감사합니다.^^ 

헷갈린 부분이었는데. 잘 정리되어 공부합니다.

1년 전

감사합니다 ^^

좋은 팁 감사합니다~

감사합니다.

Thanks for the information. 

게시글 목록

번호 제목
24318
24317
24315
24309
24294
24293
24277
24262
24260
24253
24251
24236
24233
24228
24226
24221
24214
24203
24201
24199
24196
24195
24194
24192
24191
24187
24185
24183
24172
24168