Latihan 1: Pseudo-classes — CSS
Latihan 1 dari materi Pseudo-classes di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Link-nya sekarang biru. Bikin dia jadi merah waktu mouse ada di atasnya:
- Biarkan aturan
a { color: blue; text-decoration: none; } apa adanya.
- Di bawahnya, masih di dalam
<style>, tambahkan aturan baru dengan selector a:hover.
- Isinya
color: red;.
Hasilnya, link-nya biru, lalu jadi merah selama mouse ada di atasnya.
Hint
- Warnanya cuma berubah dalam satu keadaan: waktu mouse ada di atas link. Ada pseudo-class khusus buat keadaan itu.
- Pseudo-class-nya :hover, ditulis nempel di belakang a tanpa spasi: a:hover. Isinya color dengan nilai red.
- a { color: blue; text-decoration: none; } lalu di bawahnya a:hover { color: red; }
