수니리즘

    css설명 1

    [CSS3] nth-child():원하는 순서 값에 해당하는 태그를 선택하는 CSS선택자

    기존에는 같은 형식의 HTML 태그가 쭉 나열된 경우 특정 태그만 선택하여 CSS로 꾸며주기 위해서는 해당 태그에 일일이 아이디나 클래스명을 부여해야 했습니다. 예를 들어 100개의 태그가 있고 해당 태그에 총 100개의 클래스명을 일일이 부여해야 하는 번거로움이 있었습니다. 하지만 CSS3에서 제공하는 nth-child 선택자를 이용하면 반복되는 일련의 태그 중 원하는 순서의 태그만 선택할 수 있어 불필요한 클래스를 추가할 필요가 없어졌으며 보다 깔끔한 HTML 문서를 관리할 수 있게 되었습니다. nth-child()의 사용법은 다음과 같습니다. (1) 태그명 : nth-child(순서 값) { css } 다음의 예제를 통해 nth-child의 사용법을 알아보겠습니다. 리스트1 리스트2 리스트3 리스트4

    💕IT 공부하기/CSS3 2023.04.11
    이전
    1
    다음
    더보기

    공지사항

    • 2023년 정기 기사 제2회 필기시험 원서접수 관련 주요 안내사항
    • 분류 전체보기 (150)
      • 💜Health and Wellness💜 (18)
      • 💕IT 공부하기 (40)
        • 데이터베이스 (27)
        • CSS3 (13)
      • 💕자격증 정보 (51)
        • 기능사 (19)
        • 산업기사 (22)
        • 기능장 (4)
        • 관세사 (4)
        • 공인중개사 (1)
      • 💕꿈풀이 해몽읽기 (31)
      • 카페💕디저트 (9)
      • 💕동네맛집추천 (1)
      • 💕K디지털기초역량훈련 (0)
        • 웹퍼블리싱 (0)
        • UX·UI (0)
    반응형

    Copyright © Kakao Corp. All rights reserved.

    티스토리툴바