Dynamic pseudo class di CSS

Dynamis pseudo class digunakan untuk menyajikan dan merespons event-event yang dinamis seperti mouse klik dan mouse over.

Pseudo class dalam CSS antara lain

1. :link dan :visited
   Kedua pseudo class ini biasa dipakai dalam link terutama tag <a>. Pseudo :visited diterapkan pada link yang pernah dikunjungi, sedangkan :link diterapkan pada link yang belum dikunjungi. 
2. :hover
   Pseudo class ini diterapkan saat mouse over terjadi pada suatu elemen. Bisa diterapkan bersama-sama dengan :link dan :visited misalnya:
   a:link
   {
        color: red;
   }
   a:visited
   {
        color: green;
   }  
   a:hover 
   {
        color: blue;
   }  
   Pada contoh di atas jika ada suatu link yang belum pernah kita kunjungi maka akan berwarna merah, untuk link yang pernah kita kunjungi akan berwarna hijau, kemudian jika kita menggerakkan mouse ke atas link maka warna akan berubah menjadi biru.
3. :active
   Pseudo class ini terpicu saat mouse diklik dan ditahan. 
4. :focus
   Pseudo class ini terjadi saat suatu element memiliki focus seperti input atau button. Hanya ada satu elemen yang aktif dalam waktu yang sama. Misalnya
   input:focus
   {
        background:yellow;
   } 
   Jika suatu kita melakukan klik pada suatu input atau kita mengarahkan tab ke suatu input maka background input tersebut akan berubah menjadi kuning.  

Kunjungi www.proweb.co.id untuk menambah wawasan anda.