Pada kesempatan kali ini saya akan apa fungsi selektor hover dan visited link di css. Sebelum saya membahas lebih jauh, saya akan menjelaskan apa itu hover dan apa itu visited ?

Hover

Hover dalam bahasa Indonesia dapat di artikan “Melayang Layang”,  maksud dari arti tersebut adalah link yang sedang di tunjuk. Jadi hover memiliki fungsi untuk mengatur link yang sedang di tunjuk oleh pointer atau tanda panah yang selalu mengikuti perintah mouse & touchpad pada komputer, laptop atau ponsel. yang terjadi sebelum adanya proses tekan pointer. Dan biasa di gunakan pada selektor css link atau a. Sebagai contoh, saya akan menambahkan property css dimana ketika kursor di sorot ke area text link tersebut maka warna text akan berubah dan menghilangkan garis bawah text, berikut contoh nya:

  1. Buatlah satu buah file dengan nama index.html, ketikan kode seperti berikut:

  1. Save dan lihat hasilnya pada browser, maka akan tampak seperti gambar di bawah ini:
Fungsi Hover Dan Visited Di CSS

Link Normal Sebelum Di Hover

 

Fungsi Hover Dan Visited Di CSS

Link Saat Di Hover

 

 

Visited

Visited dalam bahasa Indonesia dapat di artikan “Telah Dikunjungi”,  maksud dari arti tersebut adalah link yang sudah pernah di klik. Jadi visited memiliki fungsi untuk mengatur link yang sudah pernah di kunjungi atau sudah pernah di klik oleh pointer atau mouse & touchpad pada komputer, laptop atau ponsel. yang terjadi setelah proses tekan pointer. Dan biasa di gunakan pada selektor css link atau a dan hanya berjalan pada browser internet explorer. Sebagai contoh, saya akan menambahkan property css dimana ketika link yang sudah pernah saya tekan maka berubah warna text nya menjadi warna hijau dan dekorasi text nya menjadi none, berikut contoh nya:

  1. Buatlah satu buah file dengan nama index.html, ketikan kode seperti berikut:

  1. Save dan lihat hasilnya pada browser, maka akan tampak seperti gambar di bawah ini:

Fungsi Hover Dan Visited Di CSS

 

Demikian penjelasan mengenai fungsi selektor hover dan visited link di css. Semoga Bermanfaat.