CSS :링크 선택기
예시
방문하지 않은 링크 선택 및 스타일 지정:
a:link
{
background-color: yellow;
}
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
:link
선택기는 방문하지 않은 링크를 선택하는 데 사용됩니다 .
참고: :link 선택기는 이미 방문한 링크의 스타일을 지정하지 않습니다.
팁: :visited 선택기를 사용하여 방문한 페이지에 대한 링크의 스타일을 지정하고 :hover 선택기를 사용하여 링크 위에 마우스를 놓을 때 스타일을 지정하고 :active 선택기를 사용하여 클릭했을 때 링크의 스타일을 지정합니다.
버전: | CSS1 |
---|
브라우저 지원
표의 숫자는 선택기를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Selector | |||||
---|---|---|---|---|---|
:link | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS 구문
:link {
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 의사 클래스