가상 클래스 hover

가상 클래스 hover는 마우스를 올린 링크에 대한 스타일을 지정합니다. 일반적으로 이 가상 클래스는 가상 클래스 link, visited 및 active와 함께 적용됩니다.

구문

cssa:hover {
  
}

예제

방문하지 않은 링크는 빨간색, 방문한 링크는 파란색이 됩니다. 마우스를 올리면 녹색이 되고, 마우스 왼쪽 버튼을 누르고 있으면 검은색이 됩니다(active 상태):

html<a href="#">링크</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

참고 항목