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>