:link 의사 클래스란?
CSS의 :link 의사 클래스(가상 클래스)는 사용자가 아직 방문하지 않은 링크에 특별한 스타일을 적용할 때 사용됩니다. 이 선택자는 href 속성을 가진 하이퍼링크 중에서 브라우저 방문 기록에 없는 링크만 대상으로 하며, 일반적으로 링크의 기본 색상을 지정하는 데 활용됩니다.
적용 가능한 값은 유효한 형식이기만 하면 어떤 색상이든 사용할 수 있습니다. 예를 들어 HEX 코드(#000000), RGB 값(rgb(0, 0, 0)), HSL 값, 또는 black, blue 같은 색상 키워드 등 다양한 형식을 지원합니다.
예제
다음 예제에서는 a:link 선택자를 사용하여 방문하지 않은 모든 링크의 색상을 검정색(#000000)으로 지정합니다.
<html>
<head>
<style>
a:link { color:#000000; }
</style>
</head>
<body>
<a href = "">
Demo Link
</a>
</body>
</html>위 코드를 실행하면 페이지의 데모 링크가 검정색으로 표시되며, 해당 링크를 클릭해 방문한 후에는 더 이상 :link 스타일이 적용되지 않습니다.
참고: 링크 관련 의사 클래스 함께 사용하기
:link는 보통 :visited(방문한 링크), :hover(마우스 오버), :active(클릭 중)와 함께 사용됩니다. 이때 스타일이 올바르게 적용되도록 LVHA 순서(Link → Visited → Hover → Active)로 선언하는 것이 좋습니다.