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

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

· 1년 전 · 1100 · 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. 

게시글 목록

번호 제목
21529
21526
21521
21516
21513
21502
21485
21471
21467
21457
21424
21421
21415
21410
21406
21405
21394
21378
21354
21349
21345
21316
21299
21297
21279
21276
21254
21242
21214
21206