css link Verhalten mit einer anderen Klasse überschreiben

Question

a:link {
  color:#034AFF;
  text-decoration:none;
}

.specialLink {
  color:#CCCCCC;
}

In der obigen CSS überschreibt a:link die Klasse specialLink. Aber ich möchte, dass die Klasse specialLink das Standardverhalten außer Kraft setzt. Übrigens kann ich a:link nicht entfernen. Wie kann ich dies also erreichen?

Answer 1

body a.specialLink {
  color:#CCCCCC;
}

Answer 2

Ich denke, die eleganteste Lösung ist diese:

a.specialLink:link /*, a.specialLink:visited*/ {
  color: #CCC;
}

Answer 3

Sie können den a:link-Stil erneut definieren. Wenn dies in einer anderen .css nicht funktioniert, können Sie die !important-Direktive hinzufügen, um jede andere Definition zu überschreiben, aber es kann sich als schmerzhaft erweisen, wenn Sie sie zu oft verwenden.