#3 CSS 가상선택자

가상선택자

가상선택자는 웹문서 소스에는 존재하지 않지만 필요에 의해 임의로 가상선택자를 지정해서 사용하는 것을 말합니다.

대표적으로

:link - 방문한 적이 없는 링크

:visited - 방문한 적이 있는 링크

:hover - 마우스를 롤오버 했을 때

:active - 마우스를 클릭했을 때

:focus - 포커스 되었을 때 (input 태그 등)

등이 있습니다.

 

예제로 바로 보겠습니다.

크기 200px 정사각형, 기본배경색 pink

:hover 시 배경색 blue

:active(클릭시) 배경색 ivory

 

 

input태그에 커서클릭해서 들어가있을 때 아쿠아마린색

 

방문하지 않은 링크 색 slategrey 방문 후 yellow

 

 

 

오늘은 여기까지하겠습니다.

감사합니다.