Doil

  • 홈
  • 태그
  • 방명록

개발/CSS 1

선택자 :nth-child에 대해 알아보자

선택자 :nth-child에 대해 알아보자 내 자식만 고를 거야.다른놈은 빠져있어. 형태: 태그:nth-child(n) 의미:효과를 적용할 태그 에서 n번째들의 코드(들)을 선택한다. 예: pnth-chid(3) p태그에서 3번째의 p태그를 선택한다. 단. n번째줄에 p태그가 아닌 다른 태그가 있을 경우. 선택안된다. 태그를 세분하게 선택하자. 예로 div태그 안에 p태그를 선택할 경우. div>p:nth-child(n) { 효과 적용 }n은 수식이 있어야 빛난다. ()안에는 수식을 넣을 수 있다. 쉽게는 n만 정해 n번째만 선택가능 하고. 2n은 2의 배수, 3n=3의 배수 범위 또한 정할 수 있다. 예:(n+2),(-n+9) 자식태그인게 중요하다. 코드를 배우다보면 부모자식 관계의 위계를 알게 되는데..

개발/CSS 2022.09.14
이전
1
다음
더보기
프로필사진

연구 블로그

  • 분류 전체보기 (54)
    • 공부 (39)
      • 오늘 배운것 (39)
    • 개발 (5)
      • IDE (0)
      • HTML (2)
      • CSS (1)
      • JavaScript (0)
      • JAVA (0)
      • Blog (1)
      • MarkDown (1)
    • 회고 (5)
      • 국비지원학원 (5)
    • 생각 (4)

Tag

초고는 쓰레기다., 공부, 창백한 푸른 점, 국비지원학원, 생각, 다중클래스, MultifulClasses, 티스토리 마크다운 단락 띄어쓰기, markdown,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바