Navigationen unterschiedlich gestallten

[Gernot Back]

Hallo jackysu,

1. Ich habe einmal a:link, hover, etc. für die #impressum definiert und einmal was anderes für #nav, plus ein standard a:. alle drei überschneiden/überschreiben sich aber.

Das ist die Seite:
http://www.ferienhaus-burkhart.de/index.htm

http://www.ferienhaus-burkhart.de/style.css
(view-source:http://www.ferienhaus-burkhart.de/style.css)

Ja, genau so habe ich mir das gedacht: Der Fehler, zu glauben bei durch Komma voneinander getrennten Selektoren bezöge sich der erste Nachfahrensselektor auch auf alle weiteren, die nach den jeweiligen Kommata folgen, wird immer wieder gern gemacht; ich zitiere mal Auszüge aus deiner CSS-Datei:

  
#impressum a:link, a:active, a:visited {  
 color:#FFFFFF;  
 text-decoration:none;  
 }  
  
#navi ul li a:link, a:active, a:visited {  
 display:block;  
 height:30px;  
 color:#0e5b8a;  
 text-decoration:none;  
 font-weight:bold;  
 padding-left:20px;  
 border-top:1px solid #adbdce;  
 }  

Wir wollen mal aufzählen, was du hier definierst:

• #impressum a:link (noch nicht besuchte Links innerhalb eines Elements mit der ID "impressum")
• a:active (gerade geklickt werdende Links im gesamten Dokument)
• a:visited (besuchte Links im gesamten Dokument)

• #navi ul li a:link (noch nicht besuchte Links innerhalb von Listenelementen einer ungeordneten Liste innerhalb eines Elements mit der ID "navi")
• a:active (gerade geklickt werdende Links im gesamten Dokument)
• a:visited (besuchte Links im gesamten Dokument)

Wieso machst du dir überhaupt die Mühe mit besuchten, noch nicht besuchten und gerade angeklickt werdenden Links, wenn die sich in den im enzelnen Eigenschaften gar nicht voneinander unterscheiden sollen?

Gruß Gernot