Hallo,
noch was vergessen: Kann es sein, dass es daran liegt:
a:link{
font-family:Arial;
color:#000000;
text-decoration:none;
}
a:visited{
font-family:Arial;
color:#000000;
text-decoration:none;
}
a:hover{
font-family:Arial;
color:#000000;
text-decoration:none;
}
a:active{
font-family:Arial;
color:#000000;
text-decoration:none;
}
Ja. CSS-Pseudoklassen haben eine höhere Gewichtung als HTML-Klassen. Am besten wäre es, diese Angaben also einfach zusammenzufassen:
a {
font-family:Arial;
color:#000000;
text-decoration:none;
}
Das hat die gleiche Wirkung, aber eine geringere Gewichtung. Willst du nun doch mal für einen bestimmten Zustand eine andere Formatierung verwenden, kannst du die Regel einfach überschreiben z.B:
a:hover {text-decoration:underline;}
Das würde zwar wieder deine Klassenspezifische Formatierung überschreiben, aber ist auch nicht allzu schwer zu verhindern:
a.foo:hover {color: #00f;}
Alternativ könnte man die Spezifität auch durch Selektoren für Verschachtelte Elemente künstlich erhöhen:
body a.foo {color: #00f;}
Das muss aber so sein, da ich standartmäßig alle <a>-Felder mit keiner Makierung haben will. Nur wenn dann class="hyperlink" da steht.
Für welchen Zweck verwendest du das a-Element denn noch? Eigentlich braucht man es doch nur noch für Links…
mfg. Daniel