css'de hover kullanımı gayet basittir.
#h1 {
color: #84ac49; //Yazı rengini, yeşil yapar.
}
#h1:hover {
color: #ffffff; //Yazı rengini beyaz yapar.
}
Yukarıda da gördüğünüz gibi "hover" özelliğini kullanmak için ":hover" yazmak yeterli oluyor tabi kullanmak istediğiniz etiketin (yapının) değerleri benzer olmalı.
Şöyle ki eğer yukarıda ki örnekten gidecek olursak #h1'in yazı boyutu 36 olursa fakat #h1:hover'ın ki 12 olursa düşünebileceğiniz gibi abes kaçacaktır. Üzerine geldiğinde aşırı derece boyut farkı olacaktır. Bu sebeple ikisinin de aynı büyüklükte olması gerekir ama renk, stil olarak farklılıklar olabilir.