simples Mouseover mit CSS

[LeH]

Ich will eine Mouseover mit CSS gestalten, und zwar eine simple Veränderung der Farbe, mehr nicht.
Wenn man mit der Maus drüber geht soll die Schrift andere Farbe bekommen.
Habe auch schon bisschen nachgelesen:
http://aktuell.de.selfhtml.org/artikel/css/mouseover/
Aber da steht halt nur was von so blöcken oder son krams.
wie geht das so wie ich mir das wünsche.

Zusätzlich: Ich will das das für alle Hyperlinks auf meiner Seite geltend machen. und das halt nur einma in die externe stylesheet datei eingeben.

Könnt ihr mir helfen. Wär super.

 

[c2uk]

Hier mal ein Beispielcode, die Farben habe ich jetzt mal nur so zufällig gewählt.

a { color:#000000; } /* normale Farbe */
a:hover { color:#cccccc; } /* Farbe bei mouseover */

Das ganze dann in eine extra css-Datei lagern und per Link im header einbinden:

<link rel="stylesheet" type="text/css" href="styles.css">

 

[LeH]

danke dir klappt super

 

[Gumbo]

Für Verweise ist es besser die Link-Pseudo-Klassen :link und :visited mit anzugeben. So wird verhindert, dass auch Anker mitformatiert werden.

 

[LeH]

Und was sind gleich Anker?

 

[c2uk]

Siehe: http://de.selfhtml.org/html/verweise/projektintern.htm#anker

Persönlich benutze ich keine Anker, wenn es nötig wird ist auch meist eine ID vorhanden (oder gibt es damit irgendwelche Probleme in irgendeinem Browser?).