登录 | 注册 | FAQ
Anonymous

Verschiedene pseudoklassen für mehrere Links

+ 发表回复

2 篇帖子 分页: 1 / 1


Verschiedene pseudoklassen für mehrere Links

Sciacallo » 周二 1月 31, 2012 12:49 pm

Hallose aus der Hose

Ich habe zwei Links auf einer Seite.
Ein Link möchte ich mit einem gewissen Effekt und ein Link mit anderem (z.B. "a:hover {color: purple}" für den Ersten und "a:hover {color: aqua}" für den Zweiten).

Ich habe mehrere sachen versucht (mit Pseudoklassen und mit dem Element "class" sowie "id").
Doch ich kriege es einfach nicht hin.

Falls mir jemand ein Beispiel für zwei verschiedene Link-Effekte posten kann wäre ich sehr dankbar.

Echt super-seite, für Einsteiger sowie für Erfahrene! Ein grosses Dankeschön an alle Mitwirkenden...

Sciacallo
头像

Sciacallo

  • 帖子: 3
  • 注册: 周六 1月 28, 2012 9:25 pm

Re: Verschiedene pseudoklassen für mehrere Links

Sciacallo » 周二 1月 31, 2012 10:01 pm

Problem hat sich erledigt.
Falls jemand irgendwann das gleiche Problem hat, schreibe ich trozdem wie ichs gemacht habe.
Im "HTML.net CSS Tutorial in lektion 7" wird das Attribut "class" beschrieben.
Ich nehme mal den HTML-Code vom ersten Beispiel in dieser Lektion(weisswein-rotwein).

Für Weisswein:
<a href="ri.htm" class="weisswein">.....</a>

Für Rotwein:
<a href="ri.htm" class="rotwein">.....</a>

In Css dann den Beispiel-Code von Lektion 7 noch dazu und das wars.

Als ich diese Methode für meine beiden Links benutzen wollte ging das ganze nicht, aber dann habe ich es auf diese weise versucht:

Für Weisswein:
<a class="weisswein" href="ri.htm">.....</a>

Für Rotwein:
<a class="rotwein" href="ri.htm">.....</a>

In die Css Datei dann folgendes geschrieben:

a.weisswein:link { color: blue; font-weight: bold; ... }
a.weisswein:visited { ......... }
usw

und

a.rotwein:link { color: silver; font-weight: italic; ... }
usw

Fertisch.
头像

Sciacallo

  • 帖子: 3
  • 注册: 周六 1月 28, 2012 9:25 pm


+ 发表回复

分页: 1 / 1