:link
가상 클래스
:link
가상 클래스 선택자는
브라우저의 방문 기록을 기준으로, 아직 방문하지 않은 링크를 선택합니다.
이 선택자는 사용자가 이미 방문한 링크와 구별하여, 방문하지 않은 링크를 스타일링하는 데 사용됩니다.
반면에, :visited
가상 클래스 선택자는 이미 방문한 링크를 선택합니다.
경고!: 더 이상 지원하지 않음
크롬 브라우저에서는 더 이상 :link
가상 클래스 선택자가 방문하지 않은 링크를 식별하지 않습니다.
방문 여부와 관계없이 모든 링크가 동일한 방식으로 처리됩니다.
이는 개인정보 보호 및 보안 정책에 따른 변경 사항입니다. 브라우저는 개인 정보를 보호하기 위해 :link
와 :visited
가상 클래스 선택자의 동작 방식을 변경할 수 있으며, 관련된 상세 사항은 명세서의 The Link History Pseudo-classes: :link and :visited를 참조하세요!
예제
<p>
아직 방문하지 않은 링크라면 텍스트는 빨간색이 적용되어 있습니다.
</p>
<a href="https://info.cern.ch/" target="_blank">세계 최초의 웹사이트</a>
:link {
color: red;
}
크롬 브라우저에서는 이미 방문한 링크더라도 :link
로 설정한 스타일이 적용됩니다.
명세서
명세서 사양 | |
---|---|
:link
|
Selectors Level 4 #link-pseudo |