Skip to main content

Chapter 5 : Pseudo Class

Pengenalan Pseusdo Class​

Pseudo class dalam CSS adalah kata kunci yang ditambahkan ke selector untuk menentukan keadaan atau perilaku khusus dari elemen HTML. Pseudo-class bukan elemen HTML yang sebenarnya, melainkan ekstensi CSS yang memungkinkan Anda menargetkan dan menata elemen berdasarkan keadaan saat ini atau interaksi dengan pengguna.

Pseudo class dapat digunakan saat kondidi seperti ketika mouse diarahkan ke elemen HTML, ketika link yang sudah dikunjungi akan berbeda dengan link yang belum dikunjungi Dll. Berikut ini beberapa contoh Pseudo class yang umum digunakan :

  • :hover digunakan ketika mouse diarahkan ke elemen.
  • :focus digunakan ketika mouse fokus ke elemen.
  • :active digunakan ketika sedang menekan elemen.
  • :disable digunakan untuk menonaktifkan (disable) link.
  • :visited digunakan ketika link sudah dikunjungi.
  • :link digunakan ketika link belum dikunjungi.