Linkgestaltung für bestimmten Bereich ändern ( #ID )

[Mathias Brodala]

Hallo Daniel.

es geht um folgende Seite:
http://agh653.ag.funpic.de/test.htm

Ich habe 2 Layer (<div>...</div>), einer mit der id "Menu" und einer ohne.
Nun habe ich einmal die Links generell formatiert und einmal nur für
"Menu" (#Menu).
allerdings werden nun beide Links in rot angezeigt, dabei sollte der untere doch schwarz sein?
Was mache ich da falsch?

Du hast zwar explizit festgelegt, dass für alle Links im Element mit der ID „Menu“ die Schriftfarbe rot sein soll, aber außerdem auch für alle besuchten, aktiven und gehoverten Links. Damit überschreibst du die vorherige Festlegung. (Anmerkung: deine Datei heißt „test.html“, du verweist auf „test.html“, alle Linkst sind also als besucht gekennzeichnet.) Hier einmal dein Code mit ein paar hilfreichen Zeilenumbrüchen:

#Menu a:link,
a:visited,
a:active,
a:hover {
 color: red;
 background: white;
}

Du musst also für jede Pseudoklasse ebenfalls wiederum explizit sagen, dass sie nur auf Links im Element mit der betreffenden ID zutreffen sollen.

Einen schönen Sonntag noch.

Gruß, Mathias