CSS : 가상클래스 선택자 정리 (active / focus/ visited )

 

 

 

See the Pen Untitled by tkrkr55 (@tkrkr55) on CodePen.

:active

버튼 등을 클릭해서  요소의 동작이 활성화되어있는 상태를 말합니다.

마우스를 버튼을 누르고 뗀 순간까지를 acrive 라고 한다.

 

 

:focus

= 입력 창 등의 요소를 선택하는 가상클래스 선택자

tab키를 이용해서 입력창 커서가 활성화 되어 있는상태

 

:visited

= 사용자가 방문한 적 있는 링크를 선택하는 가상클래서 선택자

a 태그에서 발생/ 링크를 눌러서 해당 경로를 방문한 기록이 브러우저 상에 남아있는 링크

기본컬러 - 보라색