Tweet
classes bei a:link und co?
Hallo.
Mal wieder ne Frage, über die ihr vielleicht den Kopf schüttelt!
Kann ich mittels css links unterschiedliche Farben zuweisen. Also ich möchte nicht unterschiedliche Farben für a:link, a:hover und a:visited, das das geht, ist klar.
viel mehr geht es darum verschiedenen Links eine dauerhafte Farbe zuzuweisen. Beispielsweise verlinkt "Lebenslauf" auf einen Bereich, der mit css in "blau" gehalten wird. Nun möchte ich, dass der Link in der Navi immer blau ist, egal in welchem Zustand er sich befindet, evtl invers bei Hover. Der Link "Ehrenamt" geth in einen lila Bereich, hier soll der Link dann auch lila sein.
Nun die Frage, ob ich dies über classes wie folgt definieren kann?
a:link { text-decoration:none; font-weight:bold; color:#ffffff; }
a:link.blau { color:#0000ff; }
a:link.lila { color:#ff00ff; }
a:link.rot { color:#ff0000; }
a:link.orange { color:#ff8000; }
a:link.gelb { color:#ffff00; }
a:link.gruen { color:#00ff00; }
a:link.gold { color:#808000; }
a:link.blaugruen { color:#008080; }
a:link.grau { color:#808080; }
a:link.schwarz { color:#ffffff; }
a:visited { text-decoration:none; font-weight:bold; color:#ffffff; }
a:visited.blau { color:#0000ff; }
a:visited.lila { color:#ff00ff; }
a:visited.rot { color:#ff0000; }
a:visited.orange { color:#ff8000; }
a:visited.gelb { color:#ffff00; }
a:visited.gruen { color:#00ff00; }
a:visited.gold { color:#808000; }
a:visited.blaugruen { color:#008080; }
a:visited.grau { color:#808080; }
a:visited.schwarz { color:#ffffff; }
und wie muss ich die Class="?" im Dokument angeben?
Mal wieder ne Frage, über die ihr vielleicht den Kopf schüttelt!
Kann ich mittels css links unterschiedliche Farben zuweisen. Also ich möchte nicht unterschiedliche Farben für a:link, a:hover und a:visited, das das geht, ist klar.
viel mehr geht es darum verschiedenen Links eine dauerhafte Farbe zuzuweisen. Beispielsweise verlinkt "Lebenslauf" auf einen Bereich, der mit css in "blau" gehalten wird. Nun möchte ich, dass der Link in der Navi immer blau ist, egal in welchem Zustand er sich befindet, evtl invers bei Hover. Der Link "Ehrenamt" geth in einen lila Bereich, hier soll der Link dann auch lila sein.
Nun die Frage, ob ich dies über classes wie folgt definieren kann?
a:link { text-decoration:none; font-weight:bold; color:#ffffff; }
a:link.blau { color:#0000ff; }
a:link.lila { color:#ff00ff; }
a:link.rot { color:#ff0000; }
a:link.orange { color:#ff8000; }
a:link.gelb { color:#ffff00; }
a:link.gruen { color:#00ff00; }
a:link.gold { color:#808000; }
a:link.blaugruen { color:#008080; }
a:link.grau { color:#808080; }
a:link.schwarz { color:#ffffff; }
a:visited { text-decoration:none; font-weight:bold; color:#ffffff; }
a:visited.blau { color:#0000ff; }
a:visited.lila { color:#ff00ff; }
a:visited.rot { color:#ff0000; }
a:visited.orange { color:#ff8000; }
a:visited.gelb { color:#ffff00; }
a:visited.gruen { color:#00ff00; }
a:visited.gold { color:#808000; }
a:visited.blaugruen { color:#008080; }
a:visited.grau { color:#808080; }
a:visited.schwarz { color:#ffffff; }
und wie muss ich die Class="?" im Dokument angeben?
Kommentar