Psudoklassen/Vererbung

[Experimentator]

Hallo, versuche mich gerade an Pseudoklassen. Das ganze will aber leider nicht funktionieren.
Kann mir jemand auf die Sprünge helfen?

#navi a funktioniert, aber die PSeudoklassen dann nicht mehr.

Was stimmt hier nicht, irgendwas falsch vererbt oder so??

#navi a{
   font-family: arial;
   text-decoration:none;
   color:grey;
}

#navi a.active{
   color:black;
}

#navi a.hover{
   color:green;
}

#navi a.visited{
   color:blue;
}

<div id="wrapper">
  <div id="sidebar">
   <div id="logo">
     <img src="Diced_200.jpg"></img>
   </div>
   <div id="navi">
     <ul>
       <li><a href="#1">Startseite</a></li>
       <li><a href="#2">Showcase</a></li>
       <li><a href="#3">Über uns</a></li>
       <li><a href="#4">Impressum</a></li>
     </ul>
   </div>
  <div id="inhalte">
  Hier HTML und CSS lernen und die
  eigene Website erstellen - selbst ist der Mensch
 </div>

 

[MrMurphy]

Hallo,

versuch mal anstatt des Punktes den Doppelpunkt im CSS.

Gruss

MrMurphy

 

[Experimentator]

Leider hat das nicht geholfen.
Meine Links sind jetzt auch blau geworden.
Aber wohl trotzdem ein Fehler mit dem Punkt...

 

[threadi]

Pseudoklassen für Links werden so definiert wie hier beschrieben:
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active

Vergleiche das mal bitte mit deinem aktuellen Stand der Kodierung.

Moderation: Verschoben von HTML zu CSS.