Links in Linkliste andere Farbe zuweisen?
Aldara
- css
Nachdem ich eine Linkliste für meine Navigation einsetze, würde ich den Links in der Liste gerne eine andere Farbe zuweisen als den normalen im Rest des Dokuments. Um mir Schreib-(bzw. copy und paste-)arbeit zu ersparen würde ich das ungern für jeden Link einzeln machen, sondern für die Liste als ganzes. Ich dachte mir das in etwa so:
ul.navigation a:link a:visited a:active {
color: #99ff00;
}
Das scheint aber nicht zu funktionieren. Warum nicht? Wie geht's anders? Oder muss ich tatsächlich jeden Link einzeln eine Klasse zuweisen?
Danke für die Hilfe!
Aldara
Liebe Aldara,
ul.navigation a:link a:visited a:active {
fast richtig.
ul.navigation a:link,
ul.navigation a:visited,
ul.navigation a:active {
...
}
Liebe Grüße,
Felix Riesterer.
Ah. Das erklärt's. Vielen Dank!
@@Felix Riesterer:
nuqneH
ul.navigation a:link,
ul.navigation a:visited,
ul.navigation a:active {
...
}
Unnötig. Wenn sowieso alles gleich aussehen soll, macht es keinen Sinn, zwischen :link und :hover zu unterscheiden und :active anzuführen. Es genügt
ul.navigation a
{
color: #99ff00;
}
Allerdings sollte bedacht werden, dass es doch eine wertvolle Orientierungshilfe für den Nutzer sein dürfte unterscheiden zu können, welchen Links er schon gefolgt ist und welchen nicht. Vielleicht sollte man ihm diese nicht wegnehmen.
Qapla'
Hallo,
ul.navigation a
{
color: #99ff00;
}
>
> Allerdings sollte bedacht werden, dass es doch eine wertvolle Orientierungshilfe für den Nutzer sein dürfte unterscheiden zu können, welchen Links er schon gefolgt ist und welchen nicht. Vielleicht sollte man ihm diese nicht wegnehmen.
ja, dann wäre es aber immer noch günstig, allgemeine Eigenschaften für alle a-Elemente der Linkliste auch in einer gemeinsamen Regel zu notieren, und nur die wenigen davon abweichenden (z.B. Farbe) unter einem um die Pseudoklasse ergänzten Selektor.
So long,
Martin
--
Lieber blau machen, als sich schwarz ärgern.
Lieber Gunnar,
ul.navigation a:link,
ul.navigation a:visited,
ul.navigation a:active {
...
}
>
> Unnötig.
Falsch!
> Wenn sowieso alles gleich aussehen soll, macht es keinen Sinn, zwischen :link und :hover zu unterscheiden und :active anzuführen. Es genügt
>
> ~~~css
ul.navigation a
> {
> color: #99ff00;
> }
Das stimmt nicht! Im Grunde hättest Du Recht, wenn da nicht die Default-Einstellungen der Browser anklickbare Links mit der Pseudoklasse :link in diesem typischen Blau, mit der pseudoklasse :visited in diesem Violett gestalten würden. Und um diese Voreinstellungen zu "töten", ist mein Code-Ausschnitt leider doch notwendig. <a>-Elemente ohne explizitem href-Attribut fallen unter Deine Aussage, jedoch nicht die anklickbaren Links!
Allerdings sollte bedacht werden, dass es doch eine wertvolle Orientierungshilfe für den Nutzer sein dürfte unterscheiden zu können, welchen Links er schon gefolgt ist und welchen nicht. Vielleicht sollte man ihm diese nicht wegnehmen.
Da stimme ich Dir voll und ganz zu.
Liebe Grüße,
Felix Riesterer.
@@Felix Riesterer:
nuqneH
Unnötig.
Falsch!
Dein „Falsch“ ist falsch.
Das stimmt nicht! Im Grunde hättest Du Recht, wenn da nicht die Default-Einstellungen der Browser anklickbare Links mit der Pseudoklasse :link in diesem typischen Blau, mit der pseudoklasse :visited in diesem Violett gestalten würden.
Aha, da stehen also Regeln für ':link
' und ':visited
' im Stylesheet.
Und um diese Voreinstellungen zu "töten", ist mein Code-Ausschnitt leider doch notwendig.
Nein, ist er nicht. Schon der Selektor 'a
' ist spezifischer als ':link
' und ':visited
'; 'ul.navigation a
' ist es erst recht.
Qapla'