slide: Verschiedene <font> formatierungen verwenden

Beitrag lesen

Hallo,
ich will auf meiner seite den meisten Text in einer Farbe und größe haben, daher habe ich in meiner css definiert:

font,th,td,p,a {
 font-family:Verdana,Tahoma,Arial;
 font-size:8pt;
 text-decoration:none;
 color : #0a3c64
}

Allerdings gibt es einige Wörter die ich hervorheben will. Also habe ich noch eine Alternative definiert:

font.highlighted{
 font-family:Arial;
 color: #DD6900;
}

Nun habe ich in meiner Seite eine Stelle an der ich stehen habe:
<font>Du bist eingeloggt als:</font>
<font id="highlighted">Username</font>
<font>Die Serverzeit: 10:10:10<font>

Nun wundere ich mich blos warum der mittlere Teil mit id="highlighted" in der selben schrift und Farbe dasteht.
das font.highlighted müsste doch stärker gelten als die allgemeine font definition.
Bitte sagt mir was ich falsch mache.