CSS : 방문 선택기
예시
방문한 링크 선택 및 스타일 지정:
a:visited
{
color: pink;
}
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
:visited선택기는 방문한 링크를 선택하는 데 사용됩니다 .
팁: 방문하지 않은 페이지에 대한 링크의 스타일을 지정하려면 :link 선택기를 사용하고, 링크 위로 마우스를 가져갈 때 :hover 선택기를 사용하여 링크의 스타일을 지정하고, :active 선택기를 사용하여 링크를 클릭할 때 링크의 스타일을 지정합니다.
브라우저는 보안 문제로 인해:visited 링크에 대해 설정할 수 있는 스타일을 제한합니다.
허용되는 스타일은 다음과 같습니다.
- 색상
- 배경색
- border-color(별도의 면에 대한 border-color)
- 윤곽선 색상
- 열 규칙 색상
- 채우기 및 획의 색상 부분
다른 모든 스타일은:link에서 상속됩니다.
| 버전: | CSS1 |
|---|
브라우저 지원
표의 숫자는 선택기를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
| Selector | |||||
|---|---|---|---|---|---|
| :visited | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS 구문
:visited {
css declarations;
}
더 많은 예
예시
방문하지 않은 링크, 방문한 링크, 호버 링크 및 활성 링크를 선택하고 스타일을 지정합니다.
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
예시
다양한 스타일의 스타일 링크:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
관련 페이지
CSS 튜토리얼: CSS 링크
CSS 튜토리얼: CSS 의사 클래스