CSS hover ile üzerine geldiğinde kelimenin sonuna nokta(" . ") koymak

zedgad

Herkese iyi çalışmalar.
Çözemediğim bir durum var. CSS hover ile menüdeki ANA SAYFA kelimesinin üzerine geldiğimde kelimenin sonuna nokta oymasını istiyorum bunu nasıl çözebilirim yardımcı olur musunuz?

fsdC

HTML

<div class="nokta">
		Anasayfa
	</div>
	
	CSS
	
	.nokta{

	font-size: 35px;
}
.nokta:hover::after{

	content:'.'
}

zedgad

fsdC Çok teşekkür ederin çok işime yarıdı

fsdC

rica ederim ne demek