D.R.: Unterstrich definieren

Beitrag lesen

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