오늘의 CODE

  • 홈
  • 태그
  • 방명록

nth-of-type#가상선택자 1

NTH OF TYPE

태그의 타입과 동일한 타입인 형제요소 중 n번째 요소 선택 클래스로 입력한다고 해도 클래스명으로 요소를 찾는 것이 아닌 클래스를 가진 요소의 태그를 가지고 찾음. zero 베이스(0부터 시작) 예시1) 1 2 3 4 .box-group p:nth-of-type(1) - box-group 클래스 안에 첫번째 p태그 ** 숫자 2에 css 적용됨. 예시2) 1 2 3 4 .box-group .small:nth-of-type(1) - box-group 클래스 안에 small이라는 클래스를 가지고 있는 첫번째 태그 *** 위의 예시 html에 적용된 첫번째 li는 small이라는 클래스를 가지지 않기 때문에 아무것도 적용안됨.

프론트엔드/css 2020.07.03
1
더보기
프로필사진

오늘의 CODE를 내일로 미루지 말자!!

  • 전체 (155)
    • 개발 환경 & 셋업 (8)
      • Setting Guide (8)
    • 프론트엔드 (97)
      • HTML (2)
      • css (40)
      • javascript (31)
      • React (9)
      • Vue.js (15)
    • 블록체인 & Web3 (7)
      • Block chain (4)
      • web3.js (3)
    • 에러 노트 (3)
      • 내가 만난 에러들 (3)
    • 이론 & 자료 정리 (20)
      • 개념 노트 (14)
      • 번역 아카이브 (6)
    • TIL & Practice (19)
      • Coding Practice (19)

Tag

비동기처리, 프로그래머스, javascript example, 백엔드 도전기, Regex, 카다인 알고리즘, docker 로컬 설치, 중복접두사, package.json, spread operator, JSON, 지지않아, authoptions, 알고리즘, css, 콜백지옥, Blockchain, javascript, Nuxt.js, 접두사 검색,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바