가상 클래스 link

가상 클래스 link는 방문하지 않은 링크에 대한 스타일을 설정합니다. 일반적으로 이 가상 클래스는 hover, visited, 그리고 active 가상 클래스와 함께 사용됩니다.

구문

cssa:link{
  
}

예시

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

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

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

Результат:

함께 보기