가상클래스 선택자
: 가상클래스 선택자는 특정 요소의 상태나 위치에 따라 스타일을 적용하는데 사용됩니다.
:first-child
: 요소의 첫 번째 자식 선택
:last-child
: 요소의 마지막 자식 선택
:nth-child(n)
: 요소의 n번째 자식 선택
n에는 숫자, 키워드(even, odd), 수식(an+b) 사용가능
ex)
:nth-last-child(n)
: 요소의 뒤에서부터 n번째 자식 선택
:nth-of-type(n)
: 동일 타입 요소 중 n번째 요소 선택
:nth-last-of-type(n)
: 동일 타입 요소 중 뒤에서 n번째 요소 선택
:not(selector)
: 지정한 선택자에 해당하지 않는 요소 선택
:hover
: 마우스가 요소 위에 올라갔을 때
:active
: 요소가 활성화된 상태일 때
:focus
: 키보드나 마우스로 요소에 포커스가 있을 때
