유용한 가상 클래스 및 가상 요소

active:
요소가 활성화된(active) 상태일 때 스타일을 지정합니다. (마우스나 키보드 클릭 시)
focus:
요소가 포커스를 받았을 때 스타일을 지정합니다. (키보드 탭 이동 또는 마우스 클릭 시)
hover:
요소에 마우스가 올라갔을 때 스타일을 지정합니다.
visited:
방문한 링크의 스타일을 지정합니다.
before:
요소의 내용 앞에 가상 요소를 추가합니다.
:after:
요소의 내용 뒤에 가상 요소를 추가합니다.
nth-child(n):
부모 요소의 n번째 자식 요소에 스타일을 지정합니다.
first-child:
부모 요소의 첫 번째 자식 요소에 스타일을 지정합니다.
last-child:
부모 요소의 마지막 자식 요소에 스타일을 지정합니다.
nth-of-type(n):
부모 요소의 특정 유형 중 n번째 요소에 스타일을 지정합니다.
first-of-type:
부모 요소의 특정 유형 중 첫 번째 요소에 스타일을 지정합니다.
last-of-type:
부모 요소의 특정 유형 중 마지막 요소에 스타일을 지정합니다.
not(selector):
특정 선택자에 해당하지 않는 요소에 스타일을 지정합니다.
checked:
체크된 상태의 input 요소에 스타일을 지정합니다. (라디오 박스 또는 체크 박스)
disabled:
비활성화된 상태의 input 요소에 스타일을 지정합니다.