가상클래스 : a

가상클래스는 요소별로 다양한데, 그중에 a 가 가질 수 있는 가상클래스는 여러가지가 있습니다. 

• visited : 방문했던 적이 있는 링크
• active : 클릭했을 때
• hover : 마우스가 올라가 있을 때
• link : 아직 클릭하지 않은 링크

CSS는 코드상 뒤에 정의된 내용이 적용되기 때문에 가상 클래스의 가장 좋은 적용 순서는 link, visited, active, hover 순 입니다. 순서가 뒤바뀌면 원하는 표현을 얻을 수 없으니, 적용순서는 잘 숙지를 해 두는 것이 좋습니다.

hover 뒤에 link 의 정의가 따라온다면, 마우스를 링크위에 올려놓는다고 해도, link의 정의때문에 hover 가 적용되지 않습니다.

사용예 :

a:visited {color:#ff0000}

a:active {color:#00ffff}

a:hover {color:#0000ff}

a:link {color:#ff00ff}

오이도 뚝방의 바람길 안내표시