Hallo teman-teman bertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan belajar fungsi pseudo class :focus.

Sebelumnya kita telah belajar banyak tentang pseudo class bahkan pada tutorial sebelumnya saya membahas tentang pseudo class :not, nah kali ini kita akan belajar fungsi dari pseudo class :focus.

Fungsi dari pseudo class :focus ialah untuk membuat style ketika element yang bersangkutan sedang aktif, biasanya kita berikan style ini pada bagian form inputan.

nah mungkin kita langsung coba saja ke prakteknya, silahkan teman-teman buat sebuah inputan, atau bisa mengikuti script saya berkut ini:

Script diatas saya membuat sebuah inputan dengan tag input pada html, sekrang kita atur cssnya, coba tambahkan css seperti berikut ini :

Dengan mengetikan script seperti diatas itu berarti kita mengatur inputan yang kita berikan class name ketika aktif akan berubah warna tulisan menjadi merah.

Jika sudah silahkan save dan jalankan pada browser masing-masing dan lihat hasilnya.

Gimana cukup mudah bukan, selamat mencoba, cukup sekian dulu untuk tutorial kali ini tentang fungsi pseudo class :focus, sampai bertemu lagi pada tutorial berikutnya, terimakasih.