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

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

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

게시글 목록

번호 제목
21184
21166
21157
21136
21132
21124
21119
21114
21106
21095
21069
21063
21060
21058
21053
21035
21032
21028
21009
21000
20994
20993
20984
20979
20958
20935
20934
20930
20913
20883