This translation is incomplete. Please help translate this article from English.
:active CSS pseudo-class'ı kullanıcı tarafından o an kullanılan (buton gibi) elementleri temsil eder. Bu seçicinin etkinliği, fare ile gezinirken, sol tuşa bastığınızda aktifleşir ve bıraktığınızda son bulur. :active seçicisi genellikle <a> ve <button> buton elementleri için kullanılmaktadır ancak diğer elementler için de tercih edilebilir.
/* Aktif edilmiş bir <a> elementinin seçicisidir. */
a:active {
color: red;
}
:active pseudo-class'ı (:link, :hover, veya :visited) değerleri tanımlı ise aktif olmayacaktır. Linkleri uygun bir şekilde stillendirebilmek için, :active kuralını linklerle alakalı tüm kurallar arasında LVHA order olarak bilinen sırada, en sonda kullanın.
LVHA-order: :link — :visited — :hover — :active.
:active pseudo-class must only apply to the primary button; on right-handed mice, this is typically the leftmost button.Syntax
:active
Example
HTML
<a href="#">This link will turn lime while you click on it.</a>
CSS
a:link { color: blue; } /* Unvisited links */
a:visited { color: purple; } /* Visited links */
a:hover { background: yellow; } /* User hovers */
a:active { color: lime; } /* Active links */
Result
Specifications
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of ':active' in that specification. |
Living Standard | |
| Selectors Level 4 The definition of ':active' in that specification. |
Working Draft | No change. |
| Selectors Level 3 The definition of ':active' in that specification. |
Recommendation | No change. |
| CSS Level 2 (Revision 1) The definition of ':active' in that specification. |
Recommendation | No change. |
| CSS Level 1 The definition of ':active' in that specification. |
Recommendation | Initial definition. |
Browser compatibility
| Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 1 | Yes | 1 | 4 | 5 | 1 |
Non-a element support | 1 | Yes | 1 | 8 | 7 | 1 |
| Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Basic support | 1 | ? | Yes | 4 | 6 | 1 | ? |
Non-a element support | 1 | ? | Yes | 4 | ? | Yes1 | ? |
1. By default, Safari on iOS does not use the :active state unless there is a touchstart event handler on the relevant element or on the <body> element.