RAMY, LEE - 은은한 조약돌이 되기 위한 정진의 길.

  • 홈
  • 태그
  • 방명록

nth-child효율적으로사용하기 1

[Selector] nth-child 선택자 효율적으로 사용하기.(n번째 부터 n번째까지, n의 배수)

안녕하세요! 레미입니다. 오늘은 nth-child의 효율적인 사용법에 대한 글을 써보고자 합니다. 근래에는 최신 브라우저 지원을 주로 하며 flex를 많이 사용하게 되었어요. 그러면서 자연스레 nth-child나 only-child 등의 사용이 늘어났습니다. nth-child를 사용하기 전에는 일일히 태그에 클래스를 부여해서 사용하는 경우가 대부분이었는데, (first-child, last-child 이 외의 항목을 선택해야 하는 경우) 요즘엔 좀 더 랩업한 느낌이 들기도 합니다. 허허 좋은건 공유해야지요. 1. 홀수, 짝수 - 홀수 선택자 : nth-child(odd) - 짝수 선택자 : nth-child(even) 2. n의 배수 - 3의 배수 선택자 : nth-child(3n) 3. n번째부터 n번..

DEV/CSS 2020.09.18
이전
1
다음
더보기
프로필사진

RAMY, LEE - 은은한 조약돌이 되기 위한 정진의 길.

  • 분류 전체보기 (23)
    • DEV (18)
      • WEB (8)
      • HTML (1)
      • CSS (8)
      • CSS Animation (0)
      • JS (0)
      • 데이터시각화 (0)
      • TIPS (1)
    • 개발영어공부 (0)
    • 정보처리기사시험 (5)
      • 2020-2회차 필기 (5)

Tag

걸프리액트설치, a링크상태바제거, 아이폰홈버튼배경, 웹url상태바제거, iosstatusbar, 걸프세팅, removealinkstatusbar, 크롬url상태바제거, 프론트개발환경, 아이폰safearea, 2020정보처리기사필기, a링크url팝업제거, ios노치이슈, ioshomebutton, 브라우저상태바제거, a링크href팝업제거, iossafearea, 아이폰노치, 걸프설치, 아이폰상태바배경,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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.

티스토리툴바