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

Syntax

:active

Example

<a href="#">This link will turn lime while you click on it.</a>

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

See also

• Link-related pseudo-classes: :link, :visited, and :hover