CSS - Pseudo-class: aktif

Deskripsi

The : aktif pseudo-class digunakan untuk menambah efek khusus untuk elemen diaktifkan.

Saat mendefinisikan pseudo-class dalam blok <style> ... </style>, hal-hal berikut harus diperhatikan -

  • a: hover HARUS muncul setelah: link dan a: dikunjungi dalam definisi CSS agar efektif.

  • a: aktif HARUS muncul setelah: hover dalam definisi CSS agar efektif.

  • Nama kelas semu tidak peka huruf besar kecil.

  • Kelas pseudo berbeda dari kelas CSS tetapi mereka dapat digabungkan.

Nilai yang Mungkin

  • color - Nilai warna apa pun yang valid.

Berlaku untuk

Elemen Jangkar / Tautan.

Contoh

Berikut adalah contoh yang menunjukkan cara menggunakan : kelas aktif untuk mengubah warna tautan aktif.

<html>
   <head>
      <style type = "text/css">
         a:active {color: #FF00CC}
      </style>
   </head>

   <body>
      <a href="/https/isolution.pro/html/index.htm">Click This Link</a>
   </body>
</html>

Ini akan menghasilkan tautan berikut. Ini akan mengubah warnanya menjadi merah muda saat pengguna mengkliknya.


Language