:active

: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.

Note: On systems with multi-button mice, CSS3 specifies that the :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

Browser compatibility

BCD tables only load in the browser

See also