[CSS] 가상 클래스 선택자

Pseudo-Class Selector

요소의 특정 상태에 따라 스타일을 정의할 때 사용된다.

:link - 방문하지 않은 링크에 스타일 적용

:visited - 방문한 링크에 스타일 적용

:hover - 웹 요소에 마우스 커서를 올려놓을 때

:active - 웹 요소를 활성화 했을 때

:focus - 웹 요소에 초점이 맞추어졌을 때

 

UI 요소 상태에 따른 가상 클래스

사용자의 동작뿐만 아니라 웹 요소의 상태에 따라 스타일을 지정할 때도 가상 클래스 선택자를 사용

:enabled / :disabled - 요소를 사용할 수 있을 때 / 없을 때 스타일 지정

:checked 라디오 박스나 체크 박스에서 해당 항목을 선택했을 때 스타일 지정