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