이

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

· 2024-04-19 (금) 11:43:26 · 3911 · 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라는 요소 중 마지막 요소

 

3717623127_1713494602.368.png

|

댓글 10개

2024-04-19 (금) 11:44:24

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

좋은 팁 감사 합니다.

좋은 자료 감사합니다.

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

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

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

2024-04-21 (일) 10:38:30

감사합니다 ^^

좋은 팁 감사합니다~

감사합니다.

Thanks for the information. 

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

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
24-05-07 조회 4,300
24-05-05 조회 4,417
24-05-04 조회 3,966
24-05-04 조회 3,787
24-05-03 조회 3,882
24-05-02 조회 4,023
24-04-30 조회 3,971
24-04-29 조회 5,003
24-04-29 조회 3,700
24-04-27 조회 4,898
24-04-24 조회 3,772
24-04-24 조회 3,856
24-04-24 조회 3,541
24-04-21 조회 3,969
24-04-19 조회 3,912
24-04-17 조회 3,612
24-04-17 조회 4,290
24-04-15 조회 4,699
24-04-10 조회 3,578
24-04-09 조회 4,379
24-04-08 조회 3,940
24-04-08 조회 3,797
24-04-08 조회 3,571
24-04-05 조회 5,046
24-04-04 조회 3,788
24-04-02 조회 3,738
24-03-31 조회 4,806
24-03-31 조회 3,779
24-03-29 조회 4,002
24-03-27 조회 4,651