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

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

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

게시글 목록

번호 제목
22041
22035
22033
22028
22019
22006
22005
21995
21989
21978
21972
21961
21956
21944
21934
21932
21924
21922
21921
21910
21908
21897
21883
21881
21875
21854
21852
21851
21829
21817