Hover kodu nasıl kullanılır?

Merhaba,

bir classa hover kodu tanımlamam lazım örnek iletebilir misiniz? google da bulduklarım çalışmadı.

color, bg color tanımladım ama hover tanımlayamadım.

.class:hover{

}

<style>
.element { color:black; }
.element:hover { color:red; }
</style>

<div class="element">Selam</div>

Diğer arkadaşların belirttiği gibi :hover şeklinde tanımlayabilirsiniz.

Aşağıdaki örnekte mouse .example isimli html etiketine geldiği zaman yazı rengi kırmızı olacaktır.

.example:hover {
color:red;
}