Pseudo-class active

Pseudo-class active mengatur gaya untuk tautan pada saat ditekan (tombol ditekan dan belum dilepaskan - selama kita belum melepaskannya, gaya yang ditetapkan akan bekerja).

Biasanya pseudo-class ini diterapkan bersama-sama dengan pseudo-class link, hover dan active.

Sintaks

cssa:active {
  
}

Contoh

Tautan yang belum dikunjungi akan berwarna merah, telah dikunjungi - biru muda. Jika Anda mengarahkan kursor mouse ke atasnya - warnanya akan berubah menjadi hijau, dan jika Anda menekan tombol kiri mouse dan menahannya - warnanya akan menjadi hitam (status active):

html<a href="#">tautan</a>
cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Lihat juga

  • pseudo-class link,
    yang mengatur gaya untuk tautan yang belum dikunjungi
  • pseudo-class visited,
    yang mengatur gaya untuk tautan yang telah dikunjungi
  • pseudo-class hover,
    yang mengatur gaya untuk tautan saat dihover
  • pseudo-class focus,
    yang mengatur gaya untuk tautan dalam fokus