OnMouseOver Befehl bei einem Text ?

Ich brauche ein OnMouseOver Befehl und ich hoffe Ihr könnt mir helfen?

Guten Tag alle zusammen

Ich suche ein OnMouseOver Befehl für meine Webseite.
Ich möchte, dass sich beim drüberfahren eines Textes z.B. "Home" die Schrift heller wird.

Ich hatte da was ähnliches gefunden nur der OnMouseOver Befehl ist auf ein Bild bezogen:

Würde mich freuen wenn irgendwer mir weiter helfen kann Danke.

<style type="text/css">  
#text {
  color: black;
}

.light:hover {
 color: grey;
}
</style>

<div id="text">Das ist ein <span class="light">Text</span></div>