더 "Try it Yourself" 아래의 예.
정의 및 사용
: 활성 선택은 선택하고 활성 링크 스타일을하는 데 사용됩니다.
당신이 그것을 클릭하면 링크가 활성화됩니다.
팁 : : 활성 선택이 모든 요소뿐만 아니라 링크를 사용할 수 있습니다.
Tip: 사용 링크 : 방문하지 않은 페이지에 스타일 링크 선택은 : 방문 방문 페이지에 스타일 링크를 선택하고 : 호버 스타일 링크에 선택을 할 때 마우스 그들에.
Note: : 호버 : 활성화 된 후에 와야합니다 (if present) 효과가 위해 CSS 정의에!
| 번역: | CSS1 |
|---|
브라우저 지원
표의 수치는 완전히 선택기를지지하는 제 브라우저 버전을 지정한다.
| 선택자 | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
참고 : 모든 요소의 활성 선택 : IE8 이상 버전이 지원합니다. 링크에 대한 활성 선택 : IE7 만 지원합니다.
CSS 구문
:active {
css declarations ;
}
더 예
예
선택한 스타일은 <p>, <h1> 과 <a> 당신이 그것을 클릭 요소 :
p:active, h1:active, a:active {
background-color: yellow;
} »그것을 자신을 시도 예
선택과 스타일을 방문하지 않은, 방문, 마우스를, 그리고 활성 링크 :
/* 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 의사 클래스