가상클래스1 HTML/CSS] 가상클래스(Pseudo-class)란? 우리는 앞서 여러가지 선택자들을 공부했습니다. 그런데 코딩을 하다보면 앞에서 배운 선택자들로 지정하기 어려운 경우가 생깁니다. 예를 들어, 커피 메뉴판을 만들었는데 메뉴판의 몇번째 커피명이라든지, 커피콩 설명단락의 첫번째 글자 등에 스타일을 주고 싶은 경우가 있습니다. 이런 경우리 클래스 이름 앞에 콜론(:)을 붙여 가상 클래스를 만들어서 사용할 수 있습니다. n번째 자식 :first-child 첫 번째 자식 요소 선택 :last-child 마지막 자식 요소 선택 :nth-child(n) n번째 자식 요소 선택 :nth-last-child(n) 끝에서부터 n번째 태그 요소 선택 예시 1번 예시 2번 예시 3번 예시 4번 예시 5번 예시 6번 /* 첫번째 자식 요소 선택*/ .pseudo p:first-c.. 2021. 5. 24. 이전 1 다음
