CSS의 가상 클래스

CSS에서 식별자로 id와 class를 사용하지만, 

명시적으로 정의 하지 않아도 가상으로 설정한 것처럼 동작하는 클래스가 있습니다. 이것이 '가상클래스'입니다.

이 중에서 하이퍼링크와 관련된 클래스는 다음와 같습니다.

종류	설명
:link	하이퍼링크(a의 href가 정의된 상태) 상태를 나타냄
:visited	하이퍼링크의 방문여부를 나타냄
:hover	마우스 오버를 나타냄.
:active	마우스로 클릭한 상태를 나타냄
:focus	포커스된 상태를 나타냄(input, a, area 등)

사용법은 간단합니다. 그냥 뒤에 붙여주면 됩니다.

ex)

a.banner {

opacity: 1;    //투명도가 1인 상태

}

a.banner:hover {

opacity: 0.5;    //마우스 오버 시 투명도를 0.5로만듬

}